@charset "UTF-8";

/* icon font */
@font-face {
  font-family: 'icomoon';
  src: url(../fonts/icomoon_2bc427.eot);
  src: url(../fonts/icomoon_2bc427.eot) format("embedded-opentype"), url(../fonts/icomoon_24ccd5.ttf) format("truetype"), url(../fonts/icomoon_52d64a.woff) format("woff"), url(../images/icomoon_c392c1.svg) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-ar_down:before {
  content: "\e902"; }

.icon-ar_left:before {
  content: "\e903"; }

.icon-ar_right:before {
  content: "\e900"; }

.icon-ar_top:before {
  content: "\e901"; }

.icon-plus:before {
  content: "\e904"; }

.icon-search02:before {
  content: "\e905"; }

.icon-x:before {
  content: "\e906"; }

.icon-line .path1:before {
  content: "\e907";
  color: #00c300; }

.icon-line .path2:before {
  content: "\e908";
  margin-left: -1em;
  color: white; }

.icon-facebook:before {
  content: "\ea91"; }

.icon-instagram:before {
  content: "\ea92"; }

.icon-twitter:before {
  content: "\ea96"; }

.icon-print:before {
  content: "\e954"; }

.icon-search01:before {
  content: "\e986"; }

/*============================================================================
	fvArea
=============================================================================*/
.video-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  background: url(../images/fv_movie.jpg) no-repeat center center/cover; }
  @media (max-width: 820px) {
    .video-wrap {
      height: auto; }
      .video-wrap::before {
        content: '';
        padding-top: 56.25%;
        width: 100%;
        display: block; } }
  .video-wrap video {
    margin: auto;
    min-width: 100%;
    min-height: 100vh;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1; }
    @media (max-width: 820px) {
      .video-wrap video {
        width: 100%;
        height: 100%;
        min-height: none; } }
  .video-wrap .fvText {
    margin: auto;
    width: 390px;
    height: 280px;
    position: absolute;
    top: auto;
    left: auto;
    right: 5vw;
    bottom: 40px;
    z-index: 10; }
    @media (max-width: 820px) {
      .video-wrap .fvText {
        width: calc(390px * 0.6);
        height: calc(280px * 0.6);
        bottom: 5vw; } }
    @media (max-width: 480px) {
      .video-wrap .fvText {
        display: none; } }
  .video-wrap .fvInner {
    margin: auto;
    width: 20px;
    height: 280px;
    position: absolute;
    top: auto;
    left: 5vw;
    right: auto;
    bottom: 40px;
    z-index: 10; }
    @media (max-width: 820px) {
      .video-wrap .fvInner {
        height: 160px; } }
    @media (max-width: 480px) {
      .video-wrap .fvInner {
        height: 100px;
        bottom: 10px; } }
    .video-wrap .fvInner .sclText {
      margin: auto;
      width: 20px;
      height: 280px;
      position: absolute;
      left: 3%;
      bottom: 0; }
      .video-wrap .fvInner .sclText .en {
        padding-top: 20px;
        color: #FFFFFF;
        font-size: 1.2rem;
        font-weight: 700;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        line-height: 1;
        display: block;
        position: relative; }
        .video-wrap .fvInner .sclText .en::before {
          content: '';
          margin: auto;
          width: 10px;
          height: 10px;
          border-radius: 50%;
          background: #FFFFFF;
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: auto; }
      .video-wrap .fvInner .sclText .topbar {
        margin: 10px auto 0 4px;
        width: 2px;
        height: 200px;
        background: #FFFFFF;
        display: block;
        transform-origin: top;
        animation: bar 3s cubic-bezier(1, 0, 0, 1) infinite; }
      @media (max-width: 820px) {
        .video-wrap .fvInner .sclText {
          height: 160px; }
          .video-wrap .fvInner .sclText .topbar {
            height: 80px; } }
      @media (max-width: 480px) {
        .video-wrap .fvInner .sclText {
          height: 100px; }
          .video-wrap .fvInner .sclText .en {
            padding-top: 15px;
            font-size: 1.0rem; }
            .video-wrap .fvInner .sclText .en::before {
              width: 6px;
              height: 6px; }
          .video-wrap .fvInner .sclText .topbar {
            height: 35px; } }

#fvArea {
  margin: 40px auto 0;
  width: 100%;
  position: relative; }
  @media (max-width: 480px) {
    #fvArea {
      margin: 0; } }
  #fvArea #keyBox {
    margin: auto;
    width: 100%;
    height: auto; }
    #fvArea #keyBox .swiper-wrapper .swiper-slide {
      width: 100%;
      opacity: 0.6;
      transform: scale(0.9);
      transition: 0.8s; }
      #fvArea #keyBox .swiper-wrapper .swiper-slide img {
        max-width: none;
        width: 100%; }
    #fvArea #keyBox .swiper-wrapper .swiper-slide-active {
      opacity: 1;
      transform: scale(1);
      z-index: 1; }
  #fvArea .sclText {
    margin: auto;
    width: 20px;
    height: 280px;
    position: absolute;
    left: 3%;
    bottom: 0; }
    #fvArea .sclText .en {
      padding-top: 20px;
      font-size: 1.2rem;
      font-weight: 700;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      line-height: 1;
      display: block;
      position: relative; }
      #fvArea .sclText .en::before {
        content: '';
        margin: auto;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #333333;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto; }
    #fvArea .sclText .topbar {
      margin: 10px auto 0 4px;
      width: 2px;
      height: 200px;
      background: #333333;
      display: block;
      transform-origin: top;
      animation: bar 3s cubic-bezier(1, 0, 0, 1) infinite; }
    @media (max-width: 480px) {
      #fvArea .sclText {
        height: 180px; }
        #fvArea .sclText .topbar {
          height: 100px; } }

/*============================================================================
	topCatch
=============================================================================*/
#topCatch {
  margin: 50px auto 0;
  padding-bottom: 90px;
  width: 85%;
  max-width: 1120px;
  text-align: center;
  visibility: hidden; }
  @media (max-width: 480px) {
    #topCatch {
      margin: 40px auto 0;
      padding-bottom: 60px; } }
  #topCatch .catch {
    margin: 0;
    width: 100%;
    height: auto; }
    #topCatch .catch .cls-1 {
      fill: #251713; }
    #topCatch .catch .cls-2 {
      fill: #006c93; }
    #topCatch .catch .cls-3 {
      fill: #893b82; }
    #topCatch .catch .cls-4 {
      fill: #009b96; }
    #topCatch .catch .cls-5 {
      fill: #d11726; }
    #topCatch .catch .cls-6 {
      fill: #b58c00; }
    #topCatch .catch.active #text01, #topCatch .catch.active #text02, #topCatch .catch.active #text03, #topCatch .catch.active #text04, #topCatch .catch.active #text05, #topCatch .catch.active #text06, #topCatch .catch.active #text07, #topCatch .catch.active #text08, #topCatch .catch.active #text09, #topCatch .catch.active #text10 {
      opacity: 0;
      transform: translateX(20%);
      -webkit-animation: slidein ease-out 1.5s forwards;
      animation: slidein ease-out 1.5s forwards; }
    #topCatch .catch.active #text02 {
      animation-delay: 0.2s; }
    #topCatch .catch.active #text03 {
      animation-delay: 0.4s; }
    #topCatch .catch.active #text04 {
      animation-delay: 0.6s; }
    #topCatch .catch.active #text05 {
      animation-delay: 0.8s; }
    #topCatch .catch.active #text06 {
      animation-delay: 1.0s; }
    #topCatch .catch.active #text07 {
      animation-delay: 1.2s; }
    #topCatch .catch.active #text08 {
      animation-delay: 1.4s; }
    #topCatch .catch.active #text09 {
      animation-delay: 1.6s; }
    #topCatch .catch.active #text10 {
      animation-delay: 1.8s; }

@keyframes slidein {
  0% {
    opacity: 0;
    transform: translateX(20%); }
  100% {
    opacity: 1;
    transform: translateX(0); } }
/*============================================================================
	whatArea
=============================================================================*/
#whatArea {
  padding-bottom: 35px;
  background: #fef6e9; }
  #whatArea .aboutPhoto {
    width: 100%; }
    @media (max-width: 480px) {
      #whatArea .aboutPhoto {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; } }
    #whatArea .aboutPhoto li figure {
      position: relative;
      overflow: hidden; }
      #whatArea .aboutPhoto li figure::before {
        content: '';
        width: 100%;
        display: block; }
      #whatArea .aboutPhoto li figure img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: 'object-fit: cover; object-position: center;';
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
    #whatArea .aboutPhoto li.about_fig01 {
      margin: 75px auto auto 0;
      width: 22.2vw; }
      #whatArea .aboutPhoto li.about_fig01 figure::before {
        padding-top: 137.5%; }
    #whatArea .aboutPhoto li.about_fig02 {
      margin: -45px auto auto 5.6vw;
      width: 27.8vw; }
      #whatArea .aboutPhoto li.about_fig02 figure::before {
        padding-top: 72%; }
    #whatArea .aboutPhoto li.about_fig03 {
      margin: 245px 0 auto auto;
      width: 36.1vw; }
      #whatArea .aboutPhoto li.about_fig03 figure::before {
        padding-top: 69.2%; }
    @media (max-width: 820px) {
      #whatArea .aboutPhoto li.about_fig01 {
        margin: 20px auto auto 0;
        width: 25vw; }
      #whatArea .aboutPhoto li.about_fig02 {
        margin: -24px auto auto 0;
        width: 25vw; }
      #whatArea .aboutPhoto li.about_fig03 {
        margin: 60px 0 auto auto;
        width: 50vw; } }
    @media (max-width: 480px) {
      #whatArea .aboutPhoto li.about_fig01 {
        margin: -50px auto auto 0;
        width: 50vw; }
      #whatArea .aboutPhoto li.about_fig02 {
        margin: 0 auto auto 0;
        width: 50vw; }
      #whatArea .aboutPhoto li.about_fig03 {
        margin: 0 auto;
        width: 100vw; } }
  #whatArea #aboutTextBox {
    margin: auto;
    max-width: 640px;
    width: 80%; }
    #whatArea #aboutTextBox h2 span {
      font-size: 14rem;
      -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
      transform: rotate(180deg); }
    #whatArea #aboutTextBox div {
      margin: 0 0 0 auto;
      width: 50%;
      align-self: flex-end; }
      #whatArea #aboutTextBox div p:not(.moreBtn) {
        font-size: 1.6rem;
        line-height: 2.625; }
      #whatArea #aboutTextBox div .moreBtn {
        margin-top: 35px; }
    @media (max-width: 820px) {
      #whatArea #aboutTextBox {
        margin: 40px auto;
        width: 90%; }
        #whatArea #aboutTextBox h2 {
          align-self: flex-end; }
          #whatArea #aboutTextBox h2 span {
            font-size: 12rem; }
        #whatArea #aboutTextBox div {
          width: 60%; } }
    @media (max-width: 480px) {
      #whatArea #aboutTextBox h2 {
        width: 100%; }
        #whatArea #aboutTextBox h2 span {
          font-size: 10rem;
          -webkit-writing-mode: horizontal-tb;
          -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
          transform: rotate(0deg); }
      #whatArea #aboutTextBox div {
        width: 100%; } }
  #whatArea .featureText {
    margin-top: 20px;
    font-size: 2.0rem; }
  #whatArea .linerAnimation {
    margin-top: 110px;
    width: 100%;
    height: 45px;
    text-align: center;
    overflow: hidden; }
    #whatArea .linerAnimation img {
      -webkit-animation: loop-slide 20s infinite linear 1s both;
      animation: loop-slide 20s infinite linear 1s both; }
    @media (max-width: 820px) {
      #whatArea .linerAnimation img {
        height: 100%;
        max-width: unset; } }

@keyframes loop-slide {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
/*============================================================================
	serviceArea
=============================================================================*/
#serviceArea {
  padding: 100px 0 200px; }
  @media (max-width: 1200px) {
    #serviceArea {
      padding: 60px 0 120px; } }
  #serviceArea .serviceCircle {
    margin: auto;
    max-width: 1000px;
    max-height: 1000px;
    width: 69.4vw;
    height: 69.4vw;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative; }
    @media (max-width: 480px) {
      #serviceArea .serviceCircle {
        width: 90vw;
        height: 90vw; } }
    #serviceArea .serviceCircle .serviceIcon {
      margin: auto;
      width: 167px;
      height: 250px;
      background: #FFFFFF;
      position: absolute;
      z-index: 1; }
      @media (max-width: 1200px) {
        #serviceArea .serviceCircle .serviceIcon {
          width: 11.6vw;
          height: 17.3vw; } }
      @media (max-width: 480px) {
        #serviceArea .serviceCircle .serviceIcon {
          width: 17.4vw;
          height: 25.95vw; } }
      #serviceArea .serviceCircle .serviceIcon.service01 {
        top: 0;
        left: 0;
        right: 0;
        bottom: auto; }
      #serviceArea .serviceCircle .serviceIcon.service02 {
        top: 0;
        left: 0;
        right: auto;
        bottom: 0; }
      #serviceArea .serviceCircle .serviceIcon.service03 {
        top: 0;
        left: auto;
        right: 0;
        bottom: 0; }
      #serviceArea .serviceCircle .serviceIcon.service04 {
        transform: translateY(20%);
        top: auto;
        left: 0;
        right: 0;
        bottom: 0; }
      #serviceArea .serviceCircle .serviceIcon a {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        overflow: hidden; }
        #serviceArea .serviceCircle .serviceIcon a::before {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(255, 255, 255, 0.5);
          content: '';
          -webkit-transition: -webkit-transform 0.6s;
          transition: transform 0.6s;
          -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -90%, 0);
          transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -90%, 0); }
        #serviceArea .serviceCircle .serviceIcon a img {
          position: absolute;
          top: 0;
          left: 0; }
          #serviceArea .serviceCircle .serviceIcon a img.off {
            visibility: visible;
            opacity: 1; }
          #serviceArea .serviceCircle .serviceIcon a img.on {
            visibility: hidden;
            opacity: 0; }
        #serviceArea .serviceCircle .serviceIcon a:hover {
          opacity: 0.6;
          transform: scale(1.05); }
          #serviceArea .serviceCircle .serviceIcon a:hover::before {
            -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 90%, 0);
            transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 90%, 0); }
          #serviceArea .serviceCircle .serviceIcon a:hover img.off {
            visibility: hidden;
            opacity: 0; }
          #serviceArea .serviceCircle .serviceIcon a:hover img.on {
            visibility: visible;
            opacity: 1; }
    #serviceArea .serviceCircle .slogo {
      width: 47%; }
    #serviceArea .serviceCircle .circle {
      margin: auto;
      max-width: 835px;
      max-height: 835px;
      width: 58vw;
      height: 58vw;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 0; }
      @media (max-width: 480px) {
        #serviceArea .serviceCircle .circle {
          width: 75vw;
          height: 75vw; } }
      #serviceArea .serviceCircle .circle svg {
        margin: auto;
        width: 100%;
        height: auto; }
        #serviceArea .serviceCircle .circle svg .cls-1, #serviceArea .serviceCircle .circle svg .cls-2, #serviceArea .serviceCircle .circle svg .cls-3, #serviceArea .serviceCircle .circle svg .cls-4 {
          fill: none;
          stroke-miterlimit: 10;
          stroke-width: 5px; }
        #serviceArea .serviceCircle .circle svg .cls-1 {
          stroke: #56a5c7; }
        #serviceArea .serviceCircle .circle svg .cls-2 {
          stroke: #54b983; }
        #serviceArea .serviceCircle .circle svg .cls-3 {
          stroke: #89407c; }
        #serviceArea .serviceCircle .circle svg .cls-4 {
          stroke: #de7654; }
        #serviceArea .serviceCircle .circle svg .AtMknnez_0 {
          stroke-dasharray: 796 798;
          stroke-dashoffset: 797; }
        #serviceArea .serviceCircle .circle svg .AtMknnez_1 {
          stroke-dasharray: 796 798;
          stroke-dashoffset: 797; }
        #serviceArea .serviceCircle .circle svg .AtMknnez_2 {
          stroke-dasharray: 796 798;
          stroke-dashoffset: 797; }
        #serviceArea .serviceCircle .circle svg .AtMknnez_3 {
          stroke-dasharray: 796 798;
          stroke-dashoffset: 797; }
        #serviceArea .serviceCircle .circle svg.start .AtMknnez_0 {
          animation: AtMknnez_draw 2000ms ease-out 0ms forwards; }
        #serviceArea .serviceCircle .circle svg.start .AtMknnez_1 {
          animation: AtMknnez_draw 2000ms ease-out 0ms forwards; }
        #serviceArea .serviceCircle .circle svg.start .AtMknnez_2 {
          animation: AtMknnez_draw 2000ms ease-out 0ms forwards; }
        #serviceArea .serviceCircle .circle svg.start .AtMknnez_3 {
          animation: AtMknnez_draw 2000ms ease-out 0ms forwards; }
    @media (max-width: 1200px) {
      #serviceArea .serviceCircle p.slogo {
        width: 45%; } }

@keyframes AtMknnez_draw {
  100% {
    stroke-dashoffset: 0; } }
@keyframes AtMknnez_fade {
  0% {
    stroke-opacity: 1; }
  94.02985074626866% {
    stroke-opacity: 1; }
  100% {
    stroke-opacity: 0; } }
/*============================================================================
	grid gallery
=============================================================================*/
#galleryArea {
  padding-bottom: 5px;
  background: #fef6e9; }
  #galleryArea .moreBtn {
    margin-top: 80px; }
    #galleryArea .moreBtn a {
      margin: auto; }
    @media (max-width: 820px) {
      #galleryArea .moreBtn {
        margin-top: 5vw; } }

/* grid gallery */
#gridGalleryWrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
  grid-template-columns: repeat(6, 1fr);
  -ms-grid-rows: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
  grid-template-rows: repeat(8, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px; }
  #gridGalleryWrap > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(6) {
    -ms-grid-row: 1;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(11) {
    -ms-grid-row: 3;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(12) {
    -ms-grid-row: 3;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(16) {
    -ms-grid-row: 5;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(17) {
    -ms-grid-row: 5;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(18) {
    -ms-grid-row: 5;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(19) {
    -ms-grid-row: 7;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(20) {
    -ms-grid-row: 7;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(21) {
    -ms-grid-row: 7;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(22) {
    -ms-grid-row: 7;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(23) {
    -ms-grid-row: 7;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(24) {
    -ms-grid-row: 7;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(25) {
    -ms-grid-row: 9;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(26) {
    -ms-grid-row: 9;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(27) {
    -ms-grid-row: 9;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(28) {
    -ms-grid-row: 9;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(29) {
    -ms-grid-row: 9;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(30) {
    -ms-grid-row: 9;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(31) {
    -ms-grid-row: 11;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(32) {
    -ms-grid-row: 11;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(33) {
    -ms-grid-row: 11;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(34) {
    -ms-grid-row: 11;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(35) {
    -ms-grid-row: 11;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(36) {
    -ms-grid-row: 11;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(37) {
    -ms-grid-row: 13;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(38) {
    -ms-grid-row: 13;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(39) {
    -ms-grid-row: 13;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(40) {
    -ms-grid-row: 13;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(41) {
    -ms-grid-row: 13;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(42) {
    -ms-grid-row: 13;
    -ms-grid-column: 11; }
  #gridGalleryWrap > *:nth-child(43) {
    -ms-grid-row: 15;
    -ms-grid-column: 1; }
  #gridGalleryWrap > *:nth-child(44) {
    -ms-grid-row: 15;
    -ms-grid-column: 3; }
  #gridGalleryWrap > *:nth-child(45) {
    -ms-grid-row: 15;
    -ms-grid-column: 5; }
  #gridGalleryWrap > *:nth-child(46) {
    -ms-grid-row: 15;
    -ms-grid-column: 7; }
  #gridGalleryWrap > *:nth-child(47) {
    -ms-grid-row: 15;
    -ms-grid-column: 9; }
  #gridGalleryWrap > *:nth-child(48) {
    -ms-grid-row: 15;
    -ms-grid-column: 11; }
  #gridGalleryWrap .div01 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 1 / 1 / 4 / 3; }
  #gridGalleryWrap .div02 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: 1 / 3 / 3 / 5; }
  #gridGalleryWrap .div03 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    grid-area: 1 / 5 / 3 / 6; }
  #gridGalleryWrap .div04 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 6;
    -ms-grid-column-span: 1;
    grid-area: 1 / 6 / 3 / 7; }
  #gridGalleryWrap .div05 {
    -ms-grid-row: 4;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 4 / 1 / 7 / 3; }
  #gridGalleryWrap .div06 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: 3 / 3 / 5 / 5; }
  #gridGalleryWrap .div07 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-area: 5 / 3 / 7 / 4; }
  #gridGalleryWrap .div08 {
    -ms-grid-row: 5;
    -ms-grid-row-span: 2;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-area: 5 / 4 / 7 / 5; }
  #gridGalleryWrap .div09 {
    -ms-grid-row: 3;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-area: 3 / 5 / 6 / 7; }
  #gridGalleryWrap .div10 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 7 / 1 / 9 / 2; }
  #gridGalleryWrap .div11 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 7 / 2 / 9 / 3; }
  #gridGalleryWrap .div12 {
    -ms-grid-row: 7;
    -ms-grid-row-span: 2;
    -ms-grid-column: 3;
    -ms-grid-column-span: 2;
    grid-area: 7 / 3 / 9 / 5; }
  #gridGalleryWrap .div13 {
    -ms-grid-row: 6;
    -ms-grid-row-span: 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 2;
    grid-area: 6 / 5 / 9 / 7; }
  @media (max-width: 820px) {
    #gridGalleryWrap {
      -ms-grid-columns: 1fr 0px 1fr 0px 1fr 0px 1fr;
      grid-template-columns: repeat(4, 1fr);
      -ms-grid-rows: 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr 0px 1fr;
      grid-template-rows: repeat(12, 1fr); }
      #gridGalleryWrap > *:nth-child(1) {
        -ms-grid-row: 1;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(2) {
        -ms-grid-row: 1;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(3) {
        -ms-grid-row: 1;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(4) {
        -ms-grid-row: 1;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(5) {
        -ms-grid-row: 3;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(6) {
        -ms-grid-row: 3;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(7) {
        -ms-grid-row: 3;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(8) {
        -ms-grid-row: 3;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(9) {
        -ms-grid-row: 5;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(10) {
        -ms-grid-row: 5;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(11) {
        -ms-grid-row: 5;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(12) {
        -ms-grid-row: 5;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(13) {
        -ms-grid-row: 7;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(14) {
        -ms-grid-row: 7;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(15) {
        -ms-grid-row: 7;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(16) {
        -ms-grid-row: 7;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(17) {
        -ms-grid-row: 9;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(18) {
        -ms-grid-row: 9;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(19) {
        -ms-grid-row: 9;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(20) {
        -ms-grid-row: 9;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(21) {
        -ms-grid-row: 11;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(22) {
        -ms-grid-row: 11;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(23) {
        -ms-grid-row: 11;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(24) {
        -ms-grid-row: 11;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(25) {
        -ms-grid-row: 13;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(26) {
        -ms-grid-row: 13;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(27) {
        -ms-grid-row: 13;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(28) {
        -ms-grid-row: 13;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(29) {
        -ms-grid-row: 15;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(30) {
        -ms-grid-row: 15;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(31) {
        -ms-grid-row: 15;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(32) {
        -ms-grid-row: 15;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(33) {
        -ms-grid-row: 17;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(34) {
        -ms-grid-row: 17;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(35) {
        -ms-grid-row: 17;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(36) {
        -ms-grid-row: 17;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(37) {
        -ms-grid-row: 19;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(38) {
        -ms-grid-row: 19;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(39) {
        -ms-grid-row: 19;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(40) {
        -ms-grid-row: 19;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(41) {
        -ms-grid-row: 21;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(42) {
        -ms-grid-row: 21;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(43) {
        -ms-grid-row: 21;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(44) {
        -ms-grid-row: 21;
        -ms-grid-column: 7; }
      #gridGalleryWrap > *:nth-child(45) {
        -ms-grid-row: 23;
        -ms-grid-column: 1; }
      #gridGalleryWrap > *:nth-child(46) {
        -ms-grid-row: 23;
        -ms-grid-column: 3; }
      #gridGalleryWrap > *:nth-child(47) {
        -ms-grid-row: 23;
        -ms-grid-column: 5; }
      #gridGalleryWrap > *:nth-child(48) {
        -ms-grid-row: 23;
        -ms-grid-column: 7; }
      #gridGalleryWrap .div01 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 1 / 1 / 4 / 3; }
      #gridGalleryWrap .div02 {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-area: 1 / 3 / 3 / 5; }
      #gridGalleryWrap .div03 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: 4 / 1 / 6 / 2; }
      #gridGalleryWrap .div04 {
        -ms-grid-row: 4;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-area: 4 / 2 / 6 / 3; }
      #gridGalleryWrap .div05 {
        -ms-grid-row: 3;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-area: 3 / 3 / 6 / 5; }
      #gridGalleryWrap .div06 {
        -ms-grid-row: 6;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 6 / 1 / 8 / 3; }
      #gridGalleryWrap .div07 {
        -ms-grid-row: 6;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-area: 6 / 3 / 8 / 4; }
      #gridGalleryWrap .div08 {
        -ms-grid-row: 6;
        -ms-grid-row-span: 2;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-area: 6 / 4 / 8 / 5; }
      #gridGalleryWrap .div09 {
        -ms-grid-row: 8;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 8 / 1 / 11 / 3; }
      #gridGalleryWrap .div10 {
        -ms-grid-row: 8;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        grid-area: 8 / 3 / 10 / 4; }
      #gridGalleryWrap .div11 {
        -ms-grid-row: 8;
        -ms-grid-row-span: 2;
        -ms-grid-column: 4;
        -ms-grid-column-span: 1;
        grid-area: 8 / 4 / 10 / 5; }
      #gridGalleryWrap .div12 {
        -ms-grid-row: 11;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-area: 11 / 1 / 13 / 3; }
      #gridGalleryWrap .div13 {
        -ms-grid-row: 10;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 2;
        grid-area: 10 / 3 / 13 / 5; } }
  #gridGalleryWrap div figure {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden; }
    #gridGalleryWrap div figure::before {
      content: '';
      width: 100%;
      display: block; }
    #gridGalleryWrap div figure img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      font-family: 'object-fit: cover; object-position: center;';
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    #gridGalleryWrap div figure a {
      width: 100%;
      height: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0; }
      #gridGalleryWrap div figure a:hover img {
        transform: scale(1.1); }
  #gridGalleryWrap div.div03 figure::before, #gridGalleryWrap div.div04 figure::before, #gridGalleryWrap div.div07 figure::before, #gridGalleryWrap div.div08 figure::before, #gridGalleryWrap div.div10 figure::before, #gridGalleryWrap div.div11 figure::before {
    padding-top: 100%; }
  #gridGalleryWrap div.div01 figure::before, #gridGalleryWrap div.div05 figure::before, #gridGalleryWrap div.div09 figure::before, #gridGalleryWrap div.div13 figure::before {
    padding-top: 75%; }
  #gridGalleryWrap div.div02 figure::before, #gridGalleryWrap div.div06 figure::before, #gridGalleryWrap div.div12 figure::before {
    padding-top: 50%; }

/*============================================================================
	newsArea
=============================================================================*/
#newsArea {
  margin-left: calc((100vw - 1200px) / 2);
  margin-bottom: 120px;
  max-width: 640px;
  width: 45%; }
  @media (max-width: 1440px) {
    #newsArea {
      margin-left: 3vw;
      width: 80.5%; } }
  @media (max-width: 820px) {
    #newsArea {
      margin: 0 auto 10vw; } }
  #newsArea h2 {
    margin: 0 auto 60px;
    padding-bottom: 5px;
    font-size: 2.0rem;
    width: 145px;
    text-align: center;
    border-bottom: 3px solid #000000; }
  #newsArea dl {
    padding: 50px 70px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    position: relative; }
    #newsArea dl::before {
      content: '';
      margin: auto;
      width: 35px;
      height: 40px;
      display: block;
      position: absolute;
      top: 0;
      left: 20px;
      right: auto;
      bottom: 0; }
    #newsArea dl.mansion::before {
      background: url(../images/icon_mansion.svg) no-repeat center center/contain; }
    #newsArea dl.estate::before {
      background: url(../images/icon_estate.svg) no-repeat center center/contain; }
    #newsArea dl.edu::before {
      background: url(../images/icon_edu.svg) no-repeat center center/contain; }
    #newsArea dl.food::before {
      background: url(../images/icon_food.svg) no-repeat center center/contain; }
    #newsArea dl.other::before {
      background: url(../images/icon_cbs.svg) no-repeat center center/contain; }
    @media (max-width: 820px) {
      #newsArea dl {
        padding: 30px 50px; } }
    #newsArea dl dt {
      width: 100%;
      box-sizing: border-box; }
      #newsArea dl dt date {
        font-size: 1.4rem; }
      #newsArea dl dt .ctg {
        margin-left: 35px;
        display: inline-block; }
        #newsArea dl dt .ctg a {
          padding: 2px 3px;
          color: #FFFFFF;
          font-size: 1.3rem;
          background: #333333; }
    #newsArea dl dd {
      width: 100%;
      box-sizing: border-box; }
      #newsArea dl dd a {
        color: #333333;
        font-size: 1.4rem;
        word-break: break-all; }
    #newsArea dl + dl {
      border-top: none; }
  #newsArea .moreBtn {
    margin-top: 80px; }
    #newsArea .moreBtn a {
      margin: auto; }
    @media (max-width: 820px) {
      #newsArea .moreBtn {
        margin-top: 5vw; } }