@charset "UTF-8";
@keyframes rotate-left {0% {transform: rotate(360deg);}100% {transform: rotate(0deg);}}
@keyframes rotate-right {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}

body {opacity: 0;transition: opacity var(--easing) 500ms 500ms;}
body.loaded {opacity: 1;}
body.pc a.venovideo {transition: opacity var(--easing) 200ms;cursor: pointer;}
body.pc a.venovideo:hover {opacity: 0.75;}

img:not(.figlio) {display: block;width: 100%;height: auto;}

figure[data-caps] {position: relative;}
figure[data-caps]::after {content: attr(data-caps)"";position: absolute;bottom: 0;right: 0;font-size: 10px;line-height: 1;color: #fff;padding: 1em;z-index: 3;}
figure[data-caps].invert::after {color: #333;}

a.venovideo {position: relative;}
a.venovideo::after {position: absolute;top: 0;right: 0;margin: 0.5em;width: 3em;height: 3em;border: 1px solid #000;border-radius: 5px;background: transparent url("../img/common/icon_youtube.svg") no-repeat 50%;background-size: 80% auto;content: "";filter: invert(1);}
a.venogallery {position: relative;}
a.venogallery::after {position: absolute;bottom: 0;right: 0;margin: 0; width: 2em;height: 2em;background: rgba(255,255,255,0.5) url("../img/common/icon_search.svg") no-repeat 55% 55%;background-size: 50% auto;content: "";filter: invert(1);}
a.external {position: relative;padding-right: 1.25em;}
a.external::after {content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 0.75em;height: 0.75em;background: transparent url("../img/common/icon_external.svg") no-repeat 50% / contain;}

.grid-list {display: flex;align-items: stretch;flex-direction: row;flex-wrap: wrap;}

.btn-style-01 {position: relative;border-radius: 1.5em;background: var(--grad-blue);line-height: 3;font-weight: 400;text-align: center;color: #fff;}
.btn-style-01::after {content: "→";position: absolute;top: 50%;right: 0;transform: translate(-100%, -50%);}

.ttl-style-01 {padding: 1em 0;text-align: center;font-weight: 400;font-size: 162.5%;line-height: 2;letter-spacing: 0.15em;white-space: nowrap;}
.ttl-style-01::after {content: "";display: block;width: 1.5em;height: 4px;background: var(--grad-blue);margin: 0 auto;}

.ttl-style-02 {position: relative;margin-bottom: 1em;padding: 0.5em 0 0.5em 2em;font-weight: 500;font-size: 150%;white-space: nowrap;}
.ttl-style-02::before {content: attr(data-num)"";position: absolute;top: 50%;left: 0;transform: translateY(-50%);font-weight: 400;font-size: 80%;color: var(--yell-sax);}
.ttl-style-02::after {content: "";position: absolute;left: 0;bottom: 0;right: 0;height: 4px;background: var(--grad-blue);}

.typeWriter > span {opacity: 0;}
.typeWriter.staging > span:nth-child(1) {transition: opacity ease-in 1000ms 50ms;}
.typeWriter.staging > span:nth-child(2) {transition: opacity ease-in 1000ms 100ms;}
.typeWriter.staging > span:nth-child(3) {transition: opacity ease-in 1000ms 150ms;}
.typeWriter.staging > span:nth-child(4) {transition: opacity ease-in 1000ms 200ms;}
.typeWriter.staging > span:nth-child(5) {transition: opacity ease-in 1000ms 250ms;}
.typeWriter.staging > span:nth-child(6) {transition: opacity ease-in 1000ms 300ms;}
.typeWriter.staging > span:nth-child(7) {transition: opacity ease-in 1000ms 350ms;}
.typeWriter.staging > span:nth-child(8) {transition: opacity ease-in 1000ms 400ms;}
.typeWriter.staging > span:nth-child(9) {transition: opacity ease-in 1000ms 450ms;}
.typeWriter.staging > span:nth-child(10) {transition: opacity ease-in 1000ms 500ms;}
.typeWriter.staging > span:nth-child(11) {transition: opacity ease-in 1000ms 550ms;}
.typeWriter.staging > span:nth-child(12) {transition: opacity ease-in 1000ms 600ms;}
.typeWriter.staging > span:nth-child(13) {transition: opacity ease-in 1000ms 650ms;}
.typeWriter.staging > span:nth-child(14) {transition: opacity ease-in 1000ms 700ms;}
.typeWriter.staging > span:nth-child(15) {transition: opacity ease-in 1000ms 750ms;}
.typeWriter.staging > span:nth-child(16) {transition: opacity ease-in 1000ms 800ms;}
.typeWriter.staging > span:nth-child(17) {transition: opacity ease-in 1000ms 850ms;}
.typeWriter.staging > span:nth-child(18) {transition: opacity ease-in 1000ms 900ms;}
.typeWriter.staging > span:nth-child(19) {transition: opacity ease-in 1000ms 950ms;}
.typeWriter.staging > span:nth-child(20) {transition: opacity ease-in 1000ms 1000ms;}
.typeWriter.staging > span:nth-child(21) {transition: opacity ease-in 1000ms 1050ms;}
.typeWriter.staging > span:nth-child(22) {transition: opacity ease-in 1000ms 1100ms;}
.typeWriter.staging > span:nth-child(23) {transition: opacity ease-in 1000ms 1150ms;}
.typeWriter.staging > span:nth-child(24) {transition: opacity ease-in 1000ms 1200ms;}
.typeWriter.staging > span:nth-child(25) {transition: opacity ease-in 1000ms 1250ms;}
.typeWriter.staging > span:nth-child(26) {transition: opacity ease-in 1000ms 1300ms;}
.typeWriter.staging > span:nth-child(27) {transition: opacity ease-in 1000ms 1350ms;}
.typeWriter.staging > span:nth-child(28) {transition: opacity ease-in 1000ms 1400ms;}
.typeWriter.staging > span:nth-child(29) {transition: opacity ease-in 1000ms 1450ms;}
.typeWriter.staging > span:nth-child(30) {transition: opacity ease-in 1000ms 1500ms;}
.typeWriter.staging > span:nth-child(31) {transition: opacity ease-in 1000ms 1550ms;}
.typeWriter.staging > span:nth-child(32) {transition: opacity ease-in 1000ms 1600ms;}
.typeWriter.staging > span:nth-child(33) {transition: opacity ease-in 1000ms 1650ms;}
.typeWriter.staging > span:nth-child(34) {transition: opacity ease-in 1000ms 1700ms;}
.typeWriter.staging > span:nth-child(35) {transition: opacity ease-in 1000ms 1750ms;}
.typeWriter.staging > span:nth-child(36) {transition: opacity ease-in 1000ms 1800ms;}
.typeWriter.staging > span:nth-child(37) {transition: opacity ease-in 1000ms 1850ms;}
.typeWriter.staging > span:nth-child(38) {transition: opacity ease-in 1000ms 1900ms;}
.typeWriter.staging > span:nth-child(39) {transition: opacity ease-in 1000ms 1950ms;}
.typeWriter.staging > span:nth-child(40) {transition: opacity ease-in 1000ms 2000ms;}
.typeWriter.staging > span:nth-child(41) {transition: opacity ease-in 1000ms 2050ms;}
.typeWriter.staging > span:nth-child(42) {transition: opacity ease-in 1000ms 2100ms;}
.typeWriter.staging > span:nth-child(43) {transition: opacity ease-in 1000ms 2150ms;}
.typeWriter.staging > span:nth-child(44) {transition: opacity ease-in 1000ms 2200ms;}
.typeWriter.staging > span:nth-child(45) {transition: opacity ease-in 1000ms 2250ms;}
.typeWriter.staging > span:nth-child(46) {transition: opacity ease-in 1000ms 2300ms;}
.typeWriter.staging > span:nth-child(47) {transition: opacity ease-in 1000ms 2350ms;}
.typeWriter.staging > span:nth-child(48) {transition: opacity ease-in 1000ms 2400ms;}
.typeWriter.staging > span {opacity: 1;transform: translateY(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;will-change: transform;}

.block-common-01 {position: relative;z-index: 2;}
.block-common-01::before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 100%;z-index: -1;background: var(--grad-blue);opacity: 0.8;transition: right var(--easing) 400ms 400ms;}
.block-common-01::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: -1;background: transparent url("../img/common/bg_01.webp") no-repeat 50% / cover;;opacity: 0;mix-blend-mode: multiply;transition: opacity var(--easing) 800ms 800ms;}
.block-common-01 h2 {text-align: center;letter-spacing: 0.25em;font-size: 87.5%;color: #fff;transition: letter-spacing var(--easing) 1200ms 400ms;}
.block-common-01 h2 + p {text-align: center;letter-spacing: 0.25em;font-size: 200%;color: #fff;mix-blend-mode: soft-light;transition: letter-spacing var(--easing) 1200ms 400ms;}
.block-common-01 .container {min-height: 8em;display: flex;flex-direction: column-reverse;align-items: center;justify-content: center;}
body.loaded .block-common-01::before {right: 0;}
body.loaded .block-common-01::after {opacity: 1;}
body.loaded .block-common-01 h2.staging {letter-spacing: 0.2em;}
body.loaded .block-common-01 h2 + p.staging {letter-spacing: 0.2em;}

.block-common-02 {padding-top: 3em;}
.block-common-02 ul {display: flex;justify-content: center;align-items: flex-end;}
.block-common-02 ul li {margin: 0;}
.block-common-02 ul li a {position: relative;border-top: 2px solid var(--yell-sax);border-bottom: 1px solid #fff;padding: 1em 0;text-align: center;font-weight: bold;}
.block-common-02 ul li a::before {content: "";display: inline-block;width: 1em;height: 1em;vertical-align: middle;margin-right: 1em;transform: translateY(-5%);}
.block-common-02 ul li.current a {border-right: 2px solid var(--yell-sax);pointer-events: none;cursor: default;}
.block-common-02 ul li:not(.current) a {border-top-color: #fff;border-bottom: 1px solid #ddd;background-color: rgb(0 115 187 / 0%);filter: grayscale(1);}
.block-common-02 ul li.list a::before {background: transparent url("../img/common/icon_grid.svg") no-repeat 50% / contain;filter: invert(27%) sepia(88%) saturate(2999%) hue-rotate(186deg) brightness(90%) contrast(101%);}
.block-common-02 ul li.map a::before {background: transparent url("../img/common/icon_map.svg") no-repeat 50% / contain;filter: invert(27%) sepia(88%) saturate(2999%) hue-rotate(186deg) brightness(90%) contrast(101%);}
.block-common-02 ul li.result a::before {background: transparent url("../img/common/icon_result.svg") no-repeat 50% / contain;filter: invert(27%) sepia(88%) saturate(2999%) hue-rotate(186deg) brightness(90%) contrast(101%);}

.pc .block-common-02 ul li:not(.current) a {transition: filter var(--easing) 200ms, background-color var(--easing) 200ms;}
.pc .block-common-02 ul li:not(.current) a:hover {filter: grayscale(0);opacity: 1;background-color: rgb(0 115 187 / 10%);}

.block-common-03 .ttl-style-02 {padding-left: 0;}

.block-common-04 {background-color: #f5f8f9;padding: 3em 0 6em;}
.block-common-04 .container > div {position: relative;padding-top: 52.65%;}
.block-common-04 .container > div iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.block-common-banner {background: transparent url("../img/common/bg_01.webp") no-repeat 50% / cover;padding: 3em 0;overflow: hidden;}
.block-common-banner .swiper-slide {overflow: hidden;border-radius: 10px;max-width: 370px;margin: 0 1.5em;}

.block-common-news {overflow: hidden;}
.block-common-news li {margin: 0;padding: 0.75em 0;}
.block-common-news time {width: 7em;font-size: 93.75%;color: var(--yell-sax);}
.block-common-news a {display: block;text-decoration: none;font-size: 87.5%;color: #333;}
.block-common-news .new {color: chocolate;}
.block-common-news .new::before {content: " | ";color: #888;}
.block-common-news .icon {width: 9em;margin-right: 1.5em;background-color: var(--yell-blue);text-align: center;font-size: 62.5%;line-height: 2;color: #fff;}
.block-common-news .icon.news {background-color: var(--yell-sax);}

.block-common-property figure img {object-fit: cover;height: 13.5em;}
.block-common-property figcaption {padding: 1.25em;min-height: 6.427em;font-size: 81.25%;}
.block-common-property figcaption strong {display: block;overflow: hidden;margin-bottom: 0.75em;text-overflow: ellipsis;white-space: nowrap;font-weight: bold;font-size: 125%;}
.block-common-property footer ul {display: flex;}
.block-common-property footer ul li {flex: 1;margin: 0;}
.block-common-property footer ul li a {padding: 1em 0;line-height: 1.5;text-align: center;font-weight: 500;color: #fff;}
.block-common-property footer ul li:nth-child(1) a {background-color: var(--yell-sax);}
.block-common-property footer ul li:nth-child(2) a {background-color: var(--yell-blue);}
.block-common-property .report {border-top: 1px solid #ddd;padding: 1em;}
.block-common-property .report .column-list {display: flex;flex-wrap: wrap;justify-content: space-between;}
.block-common-property .report .column-list .img {width: 4em;background-repeat: no-repeat;background-position: 50%;background-size: cover;}
.block-common-property .report .column-list .txt {width: calc(100% - 5em);}
.block-common-property .report .column-list .txt time {display: block;font-size: 81.25%;}
.block-common-property .report .column-list .txt a {display: block;font-size: 81.25%;min-height: 3.4em;}
.block-common-property .promotion {border-top: 1px solid #ddd;padding: 1em;}
.block-common-property .promotion ul {display: flex;justify-content: center;}
.block-common-property .promotion ul li {flex: 1;margin: 0;}
.block-common-property .promotion ul li a {position: relative;padding-left: 1em;line-height: 1.5;text-align: center;font-weight: 500;}
.block-common-property .promotion ul li:nth-child(1) a {color: var(--yell-sax);}
.block-common-property .promotion ul li:nth-child(1) a::before {content: "";position: absolute;top: 50%;left: 1em;transform: translateY(-50%);width: 1em;height: 1em;background: transparent url("../img/common/icon_web.svg") no-repeat 50% / contain;filter: invert(28%) sepia(35%) saturate(3697%) hue-rotate(182deg) brightness(100%) contrast(102%);}
.block-common-property .promotion ul li:nth-child(2) a {color: var(--yell-blue);}
.block-common-property .promotion ul li:nth-child(2) a::before {content: "";position: absolute;top: 50%;left: 1em;transform: translateY(-50%);width: 1em;height: 1em;background: transparent url("../img/common/icon_download.svg") no-repeat 50% / contain;filter: invert(16%) sepia(80%) saturate(4011%) hue-rotate(201deg) brightness(86%) contrast(102%);}
.block-common-property .promotion ul li:nth-child(2) a::after {content: "";position: absolute;top: 0;bottom: 0;right: 100%;width: 1px;background-color: #ddd;}
.block-common-property .outline dl {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 1em;align-items: center;}
.block-common-property .outline dl dt {margin: 0;border-top: 1px solid #ddd;width: 6em;font-size: 81.25%;font-weight: bold;white-space: nowrap;line-height: 3.5;}
.block-common-property .outline dl dd {margin: 0;border-top: 1px solid #ddd;width: calc(100% - 6em);font-size: 81.25%;white-space: nowrap;line-height: 3.5;}
.block-common-property .outline dl dd span {display: inline-block;transform: translateY(0.1em);font-size: 200%;line-height: 0;}
.block-common-property .point ul {display: flex;flex-wrap: wrap;align-items: flex-start;margin: 0 1em 0.5em;min-height: 3.125em;}
.block-common-property .point ul li {background-color: rgb(0 115 187 / 40%);border-radius: 3px;margin: 0 0.5em 0.5em 0;padding: 0.5em 1em;line-height: 1;font-size: 62.5%;white-space: nowrap;color: #fff;}
.block-common-property .point ul li:last-child {margin-right: 0;}
.block-common-property.Contracted figure a {pointer-events: none;cursor: default;}
.block-common-property.Contracted footer ul li span {display: block;padding: 1em 0;border: 1px solid var(--yell-sax);line-height: 1.5;text-align: center;font-weight: 500;color: var(--yell-sax);}
.block-common-property.saleresults figure a {pointer-events: none;cursor: default;}
.block-common-property.saleresults footer ul li span {display: block;padding: 1em 0;border: 1px solid var(--yell-sax);line-height: 1.5;text-align: center;font-weight: 500;color: var(--yell-sax);}
.block-common-property.none figure a {pointer-events: none;cursor: default;}
.block-common-property.none footer ul li span {display: block;padding: 1em 0;border: 1px solid var(--yell-sax);line-height: 1.5;text-align: center;font-weight: 500;color: var(--yell-sax);}

#Breadcrumb {background: var(--grad-blue);border-top: 1px solid rgb(255 255 255 / 10%);}
#Breadcrumb ul {display: flex;}
#Breadcrumb ul li {margin: 0;padding: 1em;position: relative;font-size: 75%;line-height: 1;color: #fff;}
#Breadcrumb ul li + li {margin-left: 0.5em;}
#Breadcrumb ul li + li::before {content: "";position: absolute;left: 0;top: 0;bottom: 50%;width: 1px;transform-origin: 100% 100%;transform: skewX(20deg);background-color: #ddd;opacity: 0.8;}
#Breadcrumb ul li + li::after {content: "";position: absolute;left: 0;top: 50%;bottom: 0;width: 1px;transform-origin: 100% 0;transform: skewX(-20deg);background-color: #ddd;opacity: 0.8;}
#Breadcrumb ul li a {display: block;text-decoration: none;color: #fff;}
#Breadcrumb ul li:nth-child(1) a svg {width: 1em;height: 1em;filter: invert(1);}

#Pagetop p {}
#Pagetop a {padding: 0.25em 0;background: var(--grad-blue);}
#Pagetop img {width: 2em;margin: 0 auto;filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(141deg) brightness(105%) contrast(105%);}

#Colophon {}
#Colophon header ul {display: flex;align-items: center;}
#Colophon header ul li {margin: 0 0 0 1em;}
#Colophon header ul img {width: auto;height: 1.5em;}
#Colophon .sitemap h3 {position: relative;margin-bottom: 1.5em;font-family: 'Jost', sans-serif;font-weight: 400;font-size: 95.75%;letter-spacing: 0.15em;line-height: 1;color: #2b363d;}
#Colophon .sitemap h3::before {content: "";position: absolute;bottom: 0.1em;left: 7em;right: 0;height: 1px;background-color: #2b363d;}
#Colophon .sitemap .address p {font-size: 75%;}
#Colophon .sitemap .address p + p {margin-top: 0.5em;}
#Colophon .sitemap .grid-list ul li {margin-bottom: 0.25em;}
#Colophon .sitemap .grid-list ul li a {font-size: 81.25%;line-height: 1;white-space: nowrap;text-decoration: none;color: #2b363d;}
#Colophon .sitemap .grid-list ul li a.external::after {background-image: url("../img/common/icon_external_invert.svg");}

#Copyright {border-top: 1px solid #0073bb;padding: 2em 0;}
#Copyright p {margin: 0;font-size: 81.25%;color: #0073bb;}
#Copyright p a {text-decoration: none;}
#Copyright p a::after {filter: invert(27%) sepia(92%) saturate(1468%) hue-rotate(181deg) brightness(98%) contrast(101%);}
/* =====
* LAYOUT :: PC
=================================================================== */
@media only screen and (min-width: 769px) {
  .container {max-width: 1200px;width: calc(100% - 4em);margin: 0 auto;}

  .block-common-news li {display: flex;flex-wrap: nowrap;justify-content: flex-start;align-items: center;}
  .block-common-news a {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

  .block-common-02 ul li {width: 20em;}

  .block-common-03 .container {overflow: hidden;padding: 2em 0;}
  .block-common-03 .grid-list {margin: 0 -1em;padding-bottom: 3em;}
  .block-common-03 .grid-list > div {width: calc(33.33% - 2em);height: auto;margin: 1em;}

  .block-common-property {padding-bottom: 3.5em;}
  .block-common-property.newcondominiums {padding-bottom: 7em;}
  .block-common-property.tenant {padding-bottom: 7em;}
  .block-common-property footer {position: absolute;bottom: 0;left: 0;right: 0;}
  .block-common-property .promotion {position: absolute;bottom: 3.5em;left: 0;right: 0;}

  #Main {padding-top: 6em;}
  #Main .anchor {margin-top: -6em;padding-top: 6em;}

  #Colophon {padding: 0 0 4em;}
  #Colophon header {display: flex;justify-content: space-between;margin: 3em 0;}
  #Colophon header ul a:hover {opacity: 1;}
  #Colophon header .logo img {width: auto;height: 1.5em;}
  #Colophon .sitemap .grid-list {justify-content: space-between;}
  #Colophon .sitemap .grid-list > div {width: calc(33.3% - 2em);}
  #Colophon .sitemap .grid-list > div ul {float: left;min-width: 9em;}
  #Colophon .sitemap .grid-list > div ul li a:hover {text-decoration: underline;}
  #Colophon .container {width: calc(100% - 4em);margin: 0 auto;}

  #Copyright {display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;padding: 1em 5em 1em 2em;}
}
@media only screen and (min-width: 769px) and (max-width: 1128px) {
  .block-common-03 .grid-list > div {width: calc(50% - 2em);margin: 1em;}
}
@media only screen and (min-width: 769px) and (max-width: 1032px) {}
/* =====
* LAYOUT :: SP
=================================================================== */
@media only screen and (max-width: 768px) {
  .container {width: calc(100% - 2em);margin: 0 auto;}

  .ttl-style-02 {font-size: 125%;}

  .block-common-01 h2 + p {font-size: 150%;}

  .block-common-02 ul li {flex: 1;}
  .block-common-02 ul li a {padding: 1em 0 0.5em;letter-spacing: 0;font-size: 83.75%;}
  .block-common-02 ul li a::before {display: block;margin: 0 auto 0.5em;width: 1.5em;height: 1.5em;}
  
  .block-common-03 .grid-list > div {margin: 1.5em 0;}

  .block-common-04 {padding: 0.5em 0 3em;}
  .block-common-04 .container > div {padding-top: 100%;}

  .block-common-banner .swiper-slide {max-width: calc(100vw - 6em);margin: 0 0.75em;}

  .block-common-news .icon {display: inline-block;vertical-align: middle;}

  #Main {padding-top: 4em;}
  #Main .anchor {margin-top: -4em;padding-top: 4em;}

  #Main .scroller {overflow-x: scroll;position: relative;}
  #Main .scroller::before {content: "";display: block;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: transparent url("../img/common/icon_swipe.svg") no-repeat 50% 50%;background-size: 20% auto;z-index: 3;}
  #Main .scroller::after {content: "";display: block;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 500ms;position: absolute;top: 0;left: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.2);width: 250%;padding: 3%;z-index: 2;}
  #Main .scroller > * {width: 250%;padding: 3%;opacity: 0.5;transition: opacity cubic-bezier(0.445, 0.05, 0.55, 0.95) 100ms;}
  #Main .scroller.on::before,
  #Main .scroller.on::after {opacity: 0;}
  #Main .scroller.on > * {opacity: 1;}
  #Main .scroller::-webkit-scrollbar {-webkit-appearance: none !important;height: 10px !important;background: #eaeaea !important;}
  #Main .scroller::-webkit-scrollbar-thumb {background: #cdcdcd !important;}

  #Colophon header {padding: 3em 0;border-bottom: 1px solid #ddd;}
  #Colophon header .logo img {width: auto;height: 2.5em;margin: 0 auto;}
  #Colophon header .address {margin-top: 0.5em;text-align: center;}
  #Colophon header ul {justify-content: center;margin-top: 2em;}
  #Colophon header ul li {margin: 1em;}
  #Colophon header ul img {height: 2.5em;}
  #Colophon footer .grid-list {}
  #Colophon footer .grid-list > div:nth-child(1),
  #Colophon footer .grid-list > div:nth-child(2) {width: 50%;}
  #Colophon footer .grid-list > div:nth-child(1) a,
  #Colophon footer .grid-list > div:nth-child(2) a {display: block;padding: 1.5em 1.6em;background-position: calc(100% - 1.6em) 50%;}
  #Colophon footer .grid-list > div:nth-child(2) a {border-left: 1px solid #ddd;}
  #Colophon footer .grid-list > div:nth-child(3) {width: 100%;border-top: 1px solid #ddd;}
  #Colophon footer .grid-list ul {padding: 2em 2em 0.5em;}
  #Colophon footer .grid-list ul li {margin-bottom: 1.5em;text-align: center;}
  #Colophon footer .grid-list ul li + li {border-top: 1px dotted #ddd;padding-top: 1.5em;}
  #Colophon .sitemap h3 {margin-bottom: 0.5em;font-size: 125%;}
  #Colophon .sitemap .address p {text-align: center;font-size: 93.75%;}
  #Colophon .sitemap .grid-list {display: block;}
  #Colophon .sitemap .grid-list > div {margin: 2em;}
  #Colophon .sitemap .grid-list > div ul {margin: 0;}
  #Colophon .sitemap .grid-list > div ul li {margin: 0;padding: 0.5em 0;}
  #Colophon .sitemap .grid-list > div ul li + li {border-top: 1px dotted #ddd;}
  #Colophon .sitemap .grid-list > div ul li a {font-size: 93.75%;}
  #Colophon .sitemap .grid-list > div ul li a.external {padding-right: 0;}
  #Colophon .sitemap .grid-list > div ul li a.external::after {position: inherit;top: inherit;right: inherit;display: inline-block;margin-left: 0.5em;vertical-align: -webkit-baseline-middle;}

  #Copyright {padding: 2em;}
  #Copyright > div:nth-child(1) p a {font-size: 10px;line-height: 1.6;}
  #Copyright > div:nth-child(2) p:nth-child(1) {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin: 1em 0;padding: 1em;text-align: center;}
  #Copyright > div:nth-child(2) p:nth-child(2) {letter-spacing: 0;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}
@media only screen and (max-width: 640px) {}
@media only screen and (max-width: 480px) {}
/* =====
* LAYOUT :: 改行調整
=================================================================== */
#Contents br.sp,
#Contents br.pc {display: none;}
@media only screen and (min-width: 769px) {#Contents br.pc { display: block; }}
@media only screen and (max-width: 768px) {#Contents br.sp { display: block; }}