<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* #####################################################
 * common.css
 * - Core
 * - Layout
 * - Modules
 * - Pages
 * ################################################## */
/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/* =====================================================
 * Base
 * ================================================== */
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
@import url(//fonts.googleapis.com/css?family=Roboto:400,700,900);
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}

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

td,
th {
  padding: 0;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/* -----------------------------------------------------
 * Font
 * -------------------------------------------------- */
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic");
}
/* -----------------------------------------------------
 * Init
 * -------------------------------------------------- */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* normalize overwrite */
html {
  position: relative;
  min-height: 100%;
  font-size: 62.5%;
  font-family: "UD Shin Go Regular", Meiryo, sans-serif;
}

body {
  min-width: 980px;
  height: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  color: #000;
  font-size: 1.4rem;
  line-height: 1.2;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}
body.edge, body.ie, body.win.firefox {
  line-height: 1.26;
}
@media print, screen and (max-width: 768px) {
  body {
    min-width: inherit;
  }
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
a {
  color: #000;
}
a:visited {
  color: #000;
}
a:hover {
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  a:hover {
    color: #000;
  }
}
a:active, a:focus {
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  a:active, a:focus {
    color: #000;
  }
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
dl,
dt,
dd,
ol,
ul,
li,
figure,
figcaption,
small {
  margin: 0;
  font-size: 100%;
  font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
}

img {
  vertical-align: bottom;
}

ul {
  list-style-type: none;
  padding: 0;
}

ol {
  padding: 0;
}

th {
  font-weight: normal;
  text-align: left;
}

em {
  color: #fe0000;
  font-style: normal;
}

/* =====================================================
 * Layout
 * ================================================== */
/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/**
 * Header module
 */
.l-header {
  border-bottom: 1px #ccc solid;
}

.l-header-border {
  position: relative;
  z-index: 50;
}

.l-header-border-orange-2 {
  height: 2px;
  background: #4469b9;
}

.l-header-border-white {
  height: 1px;
  background: #fff;
}

.l-header-border-orange-1 {
  height: 1px;
  background: #4469b9;
}

.l-header-inner {
  background: #fff url(/wp-content/themes/public_housing2019_yokohama/assets/img/common/bg_header_01.png) repeat-x left bottom;
  border-bottom: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .l-header-inner {
    position: relative;
    z-index: 50;
    background: #fff url(/wp-content/themes/public_housing2019_yokohama/assets/img/common/bg_header_02.png) repeat-x left bottom/228px 31px;
  }
}

.l-header-content {
  display: flex;
  align-items: center;
  width: 960px;
  margin: 0 auto;
  padding: 20px 0;
}
@media print, screen and (max-width: 768px) {
  .l-header-content {
    width: auto;
    padding: 13px 20px;
  }
}

.l-header-logo {
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  border-right: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .l-header-logo {
    margin: 0;
    padding: 0;
    border-right: none;
  }
}
.l-header-logo a {
  display: block;
}
.l-header-logo img {
  width: 205px;
}
@media print, screen and (max-width: 768px) {
  .l-header-logo img {
    width: 180px;
  }
}

.l-header-description {
  line-height: 1.5;
  font-size: 1.2rem;
}
@media print, screen and (max-width: 768px) {
  .l-header-description {
    display: none;
  }
}

.l-header-link-pc {
  margin: 0 0 0 auto;
}
@media print, screen and (max-width: 768px) {
  .l-header-link-pc {
    display: none;
  }
}

.l-header-nav {
  width: 960px;
  margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav {
    position: absolute;
    z-index: 5;
    width: 100%;
    transition: all 0.5s ease;
    transform: translateY(-800px);
  }
}
@media print, screen and (max-width: 768px) {
  .is-open + .l-header-nav {
    transform: translateY(0);
  }
}
.l-header-nav &gt; ul {
  display: flex;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul {
    display: block;
  }
}
.l-header-nav &gt; ul &gt; li {
  flex-grow: 1;
  position: relative;
  padding: 1px 2px 2px 1px;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li {
    padding: 0;
    border-bottom: 1px #fff solid;
  }
}
.l-header-nav &gt; ul &gt; li.l-header-link-sp {
  display: none;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.l-header-link-sp {
    display: block;
  }
}
.l-header-nav &gt; ul &gt; li.is-active &gt; a {
  background: #dbe7ff;
  color: #000;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-active &gt; a {
    background: #4469b9;
    color: #fff;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi &gt; span {
  padding: 20px 10px 20px 0;
  cursor: pointer;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; span {
    padding: 20px;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi &gt; span:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 15px;
  content: "\f078";
  margin: -1px 0 0;
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; span:after {
    right: 17px;
    color: #fff;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi &gt; ul {
  display: none;
  position: absolute;
  right: -1px;
  left: 0;
  padding: 2px 0 0;
  border-bottom: 1px #4469b9 solid;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; ul {
    display: block;
    position: static;
    padding: 0;
    border-bottom: none;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, opacity;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi &gt; ul li {
  border: 1px #4469b9 solid;
  border-bottom: none;
  background: #fff;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; ul li {
    position: relative;
    border: none;
  }
  .l-header-nav &gt; ul &gt; li.is-multi &gt; ul li:first-child {
    border-top: 1px #fff solid;
  }
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; ul li:not(:last-child):after {
    content: "";
    position: absolute;
    right: 20px;
    left: 20px;
    z-index: 10;
    border-bottom: 1px #fff solid;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi &gt; ul li a {
  padding: 20px 0 20px 30px;
  text-align: left;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; ul li a {
    padding: 20px;
    background: #2f55a6;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi &gt; ul li a:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 17px;
  content: "\f054";
  margin: -1px 0 0;
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi &gt; ul li a:after {
    color: #fff;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi:hover &gt; span {
  background: #dbe7ff;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi:hover &gt; span {
    background: #4469b9;
  }
}
.l-header-nav &gt; ul &gt; li.is-multi:hover &gt; span:after {
  content: "\f077";
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi:hover &gt; span:after {
    content: "\f078";
  }
}
.l-header-nav &gt; ul &gt; li.is-multi:hover &gt; ul {
  display: block;
}
.l-header-nav &gt; ul &gt; li.is-multi.is-active &gt; span {
  background: #dbe7ff;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi.is-active &gt; span {
    background: #4469b9;
  }
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi.is-open &gt; span:after {
    content: "\f077";
  }
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li.is-multi.is-open &gt; ul {
    max-height: 1000px;
  }
}
.l-header-nav &gt; ul &gt; li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 20px;
  margin: auto;
  border-right: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li:before {
    content: none;
  }
}
.l-header-nav &gt; ul &gt; li:first-child {
  padding: 1px 2px;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li:first-child {
    padding: 0;
  }
}
.l-header-nav &gt; ul &gt; li:first-child:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  height: 20px;
  margin: auto;
  border-right: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li:first-child:after {
    content: none;
  }
}
.l-header-nav &gt; ul &gt; li a,
.l-header-nav &gt; ul &gt; li span {
  display: block;
  line-height: 1;
  padding: 20px 0;
  color: #000;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li a,
.l-header-nav &gt; ul &gt; li span {
    padding: 20px;
    background: #4469b9;
    color: #fff;
    text-align: left;
  }
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li a:after,
.l-header-nav &gt; ul &gt; li span:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 17px;
    content: "\f054";
    color: #fff;
    margin: -1px 0 0;
  }
}
.l-header-nav &gt; ul &gt; li a:hover,
.l-header-nav &gt; ul &gt; li span:hover {
  background: #dbe7ff;
  color: #000;
}
@media print, screen and (max-width: 768px) {
  .l-header-nav &gt; ul &gt; li a:hover,
.l-header-nav &gt; ul &gt; li span:hover {
    background: #4469b9;
    color: #fff;
  }
}

.l-header-button {
  display: none;
  position: absolute;
  z-index: 100;
  top: 20px;
  right: 20px;
  overflow: hidden;
  width: 34px;
  height: 0;
  margin: 0;
  padding: 40px 0 0;
  line-height: 1.5;
  border: none;
  background: none;
  -webkit-appearance: none;
}
@media print, screen and (max-width: 768px) {
  .l-header-button {
    display: block;
  }
}
.l-header-button span {
  content: "";
  display: block;
  position: absolute;
  right: 2px;
  width: 30px;
  height: 4px;
  background: #4469b9;
}
.l-header-button span:nth-child(1) {
  top: 0;
  transition: 0.2s ease-in;
}
.l-header-button span:nth-child(2) {
  top: 9px;
  transition: 0.2s ease-in;
}
.l-header-button span:nth-child(3) {
  top: 18px;
  transition: 0.2s ease-in;
}
.l-header-button:after {
  content: "MENU";
  position: absolute;
  right: 0;
  bottom: 5px;
  left: 0;
  line-height: 1;
  color: #4469b9;
  font-size: 1rem;
  text-align: center;
}
.l-header-button.is-open span:nth-child(1) {
  top: 9px;
  height: 10px;
  transform: rotate(45deg);
}
.l-header-button.is-open span:nth-child(2) {
  display: none;
}
.l-header-button.is-open span:nth-child(3) {
  top: 9px;
  height: 10px;
  transform: rotate(-45deg);
}
.l-header-button.is-open:after {
  content: "CLOSE";
  bottom: -1px;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/**
 * Footer module
 */
.l-footer {
  border-top: 1px #666 solid;
}

.l-footer-inner {
  border-bottom: 1px #666 solid;
  background: url(/wp-content/themes/public_housing2019_yokohama/assets/img/common/bg_footer_01.png) repeat-x left bottom;
}

.l-footer-content {
  position: relative;
  width: 960px;
  margin: 0 auto;
  padding: 40px 0 0;
}
@media print, screen and (max-width: 768px) {
  .l-footer-content {
    width: auto;
    padding: 35px 20px 0;
  }
}

.l-footer-heading {
  margin: 0 0 20px;
  font-size: 1.8rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
.l-footer-heading:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f041";
  margin: 0 10px 0 0;
  color: #4469b9;
  vertical-align: -3px;
  font-size: 2.8rem;
}

.l-footer-information {
  display: flex;
  justify-content: space-between;
  margin: 0 0 20px;
}
@media print, screen and (max-width: 768px) {
  .l-footer-information {
    display: block;
    margin: 0 0 30px;
  }
}
.l-footer-information li {
  position: relative;
  width: 470px;
}
@media print, screen and (max-width: 768px) {
  .l-footer-information li {
    width: auto;
    margin: 0 0 20px;
  }
}
.l-footer-information li:after {
  content: "";
  position: absolute;
  top: 0;
  right: -10px;
  bottom: 0;
  border-left: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .l-footer-information li:after {
    content: none;
  }
}
.l-footer-information li:last-child:after {
  content: none;
}
.l-footer-information .l-footer-information-target {
  line-height: 16px;
  margin: 0 0 5px;
  padding: 10px;
  background: #666;
  color: #fff;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .l-footer-information .l-footer-information-target {
    font-weight: normal;
  }
}
.l-footer-information th {
  line-height: 1.4;
  padding: 2px 0;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
@media print, screen and (max-width: 768px) {
  .l-footer-information th {
    font-weight: normal;
  }
}
.l-footer-information td {
  line-height: 1.5;
  padding: 2px 10px 2px 5px;
  vertical-align: top;
}
@media print, screen and (max-width: 768px) {
  .l-footer-information td {
    padding: 5px 0 5px 5px;
  }
}
.l-footer-information .l-footer-information-tel {
  line-height: 1;
  font-size: 1.8rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}

.l-footer-pagetop-pc {
  position: absolute;
  top: -29px;
  right: 0;
  width: 180px;
}
@media print, screen and (max-width: 768px) {
  .l-footer-pagetop-pc {
    display: none;
  }
}
.l-footer-pagetop-pc a {
  display: block;
  line-height: 28px;
  background: #dbe7ff;
  border-bottom: none;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  color: #000;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none;
}
.l-footer-pagetop-pc a:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f102";
  margin: 0 6px 0 0;
  color: #4469b9;
}
.l-footer-pagetop-pc a:hover {
  background: #b2c5ed;
}

.l-footer-pagetop-sp {
  display: none;
}
@media print, screen and (max-width: 768px) {
  .l-footer-pagetop-sp {
    display: block;
  }
}
@media print, screen and (max-width: 768px) {
  .l-footer-pagetop-sp a {
    display: block;
    line-height: 50px;
    background: #4469b9;
    color: #fff;
    text-align: center;
    text-decoration: none;
  }
  .l-footer-pagetop-sp a:before {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f102";
    margin: 0 15px 0 0;
  }
}

.l-footer-nav ul {
  width: 960px;
  margin: 0 auto;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav ul {
    display: block;
    width: auto;
    padding: 0;
  }
}
.l-footer-nav ul li {
  padding: 0 0 0 15px;
  text-indent: -15px;
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav ul li {
    padding: 0;
    text-indent: 0;
  }
}
.l-footer-nav ul li:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  margin: 0 5px 0 0;
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav ul li:before {
    content: none;
  }
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav ul a {
    display: block;
    position: relative;
    line-height: 50px;
    padding: 0 20px;
    border-bottom: 1px #666 solid;
    text-decoration: none;
  }
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav ul a:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f054";
    position: absolute;
    top: 19px;
    right: 20px;
    color: #4469b9;
  }
}
.l-footer-nav .l-footer-nav-inner {
  background: #ededed;
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav .l-footer-nav-inner {
    background: #fff;
  }
}
.l-footer-nav .l-footer-nav-inner ul {
  justify-content: center;
}
.l-footer-nav .l-footer-nav-inner ul li {
  margin: 0 10px;
}
@media print, screen and (max-width: 768px) {
  .l-footer-nav .l-footer-nav-inner ul li {
    margin: 0;
  }
}

.l-footer-company {
  background: #4469b9;
  color: #fff;
}
@media print, screen and (max-width: 768px) {
  .l-footer-company {
    padding: 40px 0;
    border-top: 1px #fff solid;
  }
}
.l-footer-company .l-footer-company-inner {
  display: flex;
  justify-content: space-between;
  width: 960px;
  line-height: 30px;
  margin: 0 auto;
  font-size: 1.2rem;
}
@media print, screen and (max-width: 768px) {
  .l-footer-company .l-footer-company-inner {
    display: block;
    width: auto;
    line-height: 1;
    font-size: 1.1rem;
  }
}
.l-footer-company .l-footer-company-inner.copyright {
  display: block;
}
.l-footer-company .l-footer-company-name {
  text-align: left;
  width: 100%;
}
@media print, screen and (max-width: 768px) {
  .l-footer-company .l-footer-company-name {
    margin: 0 0 10px;
    text-align: center;
    line-height: 1.8;
  }
}
.l-footer-company .l-footer-company-name a {
  color: #fff;
}
@media print, screen and (max-width: 768px) {
  .l-footer-company .mod-link {
    text-align: center;
  }
}
.l-footer-company .mod-link a {
  color: #fff;
}
.l-footer-company .mod-link a:hover {
  color: #333;
}
.l-footer-company .mod-link:before {
  color: #333;
}
.l-footer-company .mod-link-external:after {
  color: #fff;
}
.l-footer-company .l-footer-copyright {
  text-align: right;
}
@media print, screen and (max-width: 768px) {
  .l-footer-company .l-footer-copyright {
    text-align: center;
    padding: 10px 0 0 0;
  }
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/**
 * Sidebar module
 */
.l-sidebar {
  width: 250px;
  background: #fff;
}
@media print, screen and (max-width: 768px) {
  .l-sidebar {
    width: auto;
    margin: 25px 0 0;
  }
}

.l-sidebar-block {
  border: 1px #666 solid;
}
.l-sidebar-block:not(:last-child) {
  margin: 0 0 20px;
}

.l-sidebar-heading {
  margin: 1px 1px 20px 1px;
  padding: 10px 15px;
  background: #dbe7ff;
  font-size: 1.4rem;
  color: #333;
}
@media print, screen and (max-width: 768px) {
  .l-sidebar-heading {
    line-height: 1.5;
    font-size: 1.8rem;
  }
}

.l-sidebar-area {
  margin: 0 20px 20px;
  border: 1px #666 solid;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  .l-sidebar-area {
    margin: 0 15px 20px;
  }
}
.l-sidebar-area img {
  width: 206px;
}
@media print, screen and (max-width: 768px) {
  .l-sidebar-area img {
    width: 100%;
  }
}

@media print, screen and (max-width: 768px) {
  .l-sideber-btn {
    margin: 0 15px;
  }
}
.l-sideber-btn a {
  position: relative;
  display: block;
  width: 210px;
  margin: 0 auto 20px;
  line-height: 26px;
  border-radius: 5px;
  background: #dbe7ff;
  box-shadow: 0px 4px 1px -1px #b2c5ed;
  color: #000;
  text-align: center;
  text-decoration: none;
}
@media print, screen and (max-width: 768px) {
  .l-sideber-btn a {
    width: 100%;
    line-height: 38px;
  }
}
.l-sideber-btn a:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00e";
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 18px;
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  .l-sideber-btn a:before {
    top: 12px;
    left: 15px;
  }
}
.l-sideber-btn a:hover {
  background: #b2c5ed;
}

.modal-area-image {
  display: none;
}

.featherlight .featherlight-content {
  background: transparent;
}
@media print, screen and (max-width: 768px) {
  .featherlight .featherlight-content {
    padding: 30px 10px 0;
  }
}
.featherlight .featherlight-content .featherlight-close-icon {
  background: transparent;
  color: #fff;
  font-size: 30px;
}
@media print, screen and (max-width: 768px) {
  .featherlight .featherlight-content .featherlight-close-icon {
    right: 6px;
  }
}
.featherlight .featherlight-content .featherlight-inner {
  padding: 20px;
  background: #fff;
}
@media print, screen and (max-width: 768px) {
  .featherlight .featherlight-content .featherlight-inner {
    padding: 10px;
  }
}
.featherlight .featherlight-content .featherlight-inner img {
  border: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .featherlight .featherlight-content .featherlight-inner img {
    width: 100%;
  }
}

.l-sidebar-link {
  margin: 0 20px 20px;
}
@media print, screen and (max-width: 768px) {
  .l-sidebar-link {
    margin: 0 15px 20px;
  }
}
.l-sidebar-link li {
  line-height: 1.5;
  margin: 0 0 10px;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
.l-wrapper {
  position: relative;
  min-height: 100vh;
}

.l-breadcrumbs {
  margin: 0 0 40px;
  background: #ededed;
  font-size: 1.2rem;
}
@media print, screen and (max-width: 768px) {
  .l-breadcrumbs {
    margin: 0;
  }
}
.l-breadcrumbs ol {
  list-style: none;
  width: 960px;
  line-height: 1;
  margin: 0 auto;
  padding: 10px 0;
}
.l-breadcrumbs ol:after {
  display: block;
  clear: both;
  content: "";
}
@media print, screen and (max-width: 768px) {
  .l-breadcrumbs ol {
    width: auto;
    padding: 8px 20px;
    font-size: 1rem;
  }
}
.l-breadcrumbs li {
  float: left;
}
@media print, screen and (max-width: 768px) {
  .l-breadcrumbs li {
    line-height: 1.8;
  }
}
.l-breadcrumbs li:after {
  content: "&gt;";
  display: inline-block;
  margin: 0 13px;
}
@media print, screen and (max-width: 768px) {
  .l-breadcrumbs li:after {
    margin: 0 10px;
  }
}
.l-breadcrumbs li:last-child:after {
  display: none;
}

.l-contents {
  display: flex;
  justify-content: space-between;
  width: 960px;
  margin: 0 auto 125px;
}
@media print, screen and (max-width: 768px) {
  .l-contents {
    display: block;
    width: auto;
    margin: 0 20px 40px;
  }
}

.l-main {
  width: 690px;
}
@media print, screen and (max-width: 768px) {
  .l-main {
    width: auto;
  }
}

/*
#styleguide
flex grid layout

```
&lt;div class="l-grid"&gt;

&lt;div class="l-grid-column1"&gt;
column1
&lt;/div&gt;

&lt;div class="l-grid-column11"&gt;
column11
&lt;/div&gt;

&lt;div class="l-grid-column10"&gt;
column10
&lt;/div&gt;

&lt;div class="l-grid-column2"&gt;
column2
&lt;/div&gt;

&lt;div class="l-grid-column9"&gt;
column9
&lt;/div&gt;

&lt;div class="l-grid-column3"&gt;
column3
&lt;/div&gt;

&lt;div class="l-grid-column8"&gt;
column8
&lt;/div&gt;

&lt;div class="l-grid-column4"&gt;
column4
&lt;/div&gt;

&lt;div class="l-grid-column7"&gt;
column7
&lt;/div&gt;

&lt;div class="l-grid-column5"&gt;
column5
&lt;/div&gt;

&lt;div class="l-grid-column6"&gt;
column6
&lt;/div&gt;

&lt;div class="l-grid-column6"&gt;
column6
&lt;/div&gt;

&lt;!-- /.l-grid --&gt;&lt;/div&gt;
```
*/
.l-grid {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.l-grid &gt; div {
  background: #eee;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
.l-grid-column1 {
  flex-basis: calc(8.33333% - 20px);
  max-width: calc(8.33333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column2 {
  flex-basis: calc(16.66667% - 20px);
  max-width: calc(16.66667% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column3 {
  flex-basis: calc(25% - 20px);
  max-width: calc(25% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column4 {
  flex-basis: calc(33.33333% - 20px);
  max-width: calc(33.33333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column5 {
  flex-basis: calc(41.66667% - 20px);
  max-width: calc(41.66667% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column6 {
  flex-basis: calc(50% - 20px);
  max-width: calc(50% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column7 {
  flex-basis: calc(58.33333% - 20px);
  max-width: calc(58.33333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column8 {
  flex-basis: calc(66.66667% - 20px);
  max-width: calc(66.66667% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column9 {
  flex-basis: calc(75% - 20px);
  max-width: calc(75% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column10 {
  flex-basis: calc(83.33333% - 20px);
  max-width: calc(83.33333% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column11 {
  flex-basis: calc(91.66667% - 20px);
  max-width: calc(91.66667% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}
.l-grid-column12 {
  flex-basis: calc(100% - 20px);
  max-width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
}

/* =====================================================
 * Module
 * ================================================== */
/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Section

```
&lt;div class="mod-section"&gt;
&lt;h1 class="mod-heading1"&gt;Heading1&lt;/h1&gt;
&lt;p class="mod-p"&gt;Lorem ipsum dolor sit amet, &lt;a href="#"&gt;test link&lt;/a&gt; adipiscing elit. Nullam
dignissim convallis
est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at,
tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu
volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante.
Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.&lt;/p&gt;
&lt;/div&gt;
```
*/
.mod-section:not(:last-child) {
  margin: 0 0 35px;
}
@media print, screen and (max-width: 768px) {
  .mod-section:not(:last-child) {
    margin: 0 0 25px;
  }
}

.mod-lead {
  line-height: 1.7;
  margin: 0 0 30px;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Headings

```
&lt;h1 class="mod-heading1"&gt;Heading1&lt;/h1&gt;
&lt;h2 class="mod-heading2"&gt;Heading2&lt;/h2&gt;
&lt;h3 class="mod-heading3"&gt;Heading3&lt;/h3&gt;
&lt;h4 class="mod-heading4"&gt;Heading4&lt;/h4&gt;
```
*/
.mod-heading1 {
  margin: 0 0 40px;
  padding: 25px 20px;
  border-top: 2px #4469b9 solid;
  border-bottom: 2px #4469b9 solid;
  font-size: 2.8rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-heading1 {
    margin: 0 -20px 30px;
    padding: 17px 20px;
    font-size: 2rem;
  }
}

.mod-heading2 {
  margin: 0 0 25px;
  padding: 6px 15px;
  border-left: 5px #4469b9 solid;
  font-size: 2.4rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-heading2 {
    margin: 0 0 20px;
    padding: 6px 11px;
    font-size: 1.8rem;
  }
}
.list-table-wrap + .mod-heading2 {
  margin-top: 25px;
}
@media print, screen and (max-width: 768px) {
  .list-table-wrap + .mod-heading2 {
    margin-top: 20px;
  }
}

.mod-heading3 {
  margin: 0 0 25px;
  padding: 7px 20px;
  background: #dbe7ff;
  font-size: 1.6rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-heading3 {
    margin: 0 0 20px;
    padding: 6px 15px;
    font-size: 1.5rem;
  }
}
.mod-table.table-download + .mod-heading3 {
  margin-top: 25px;
}
@media print, screen and (max-width: 768px) {
  .mod-table.table-download + .mod-heading3 {
    margin-top: 20px;
  }
}

.mod-heading4 {
  margin: 0 0 20px;
  font-size: 1.6rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-heading4 {
    margin: 0 0 15px;
    font-size: 1.5rem;
  }
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Paragraph

```
&lt;p class="mod-p"&gt;Lorem ipsum dolor sit amet, &lt;a href="#"&gt;test link&lt;/a&gt; adipiscing elit. Nullam
dignissim convallis
est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at,
tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu
volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante.
Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.&lt;/p&gt;
```
*/
.mod-p {
  line-height: 1.7;
  margin: 0 0 25px;
}
@media print, screen and (max-width: 768px) {
  .mod-p {
    margin: 0 0 20px;
  }
}
.list-table-wrap + .mod-p {
  margin-top: 25px;
}
@media print, screen and (max-width: 768px) {
  .list-table-wrap + .mod-p {
    margin-top: 20px;
  }
}

.mod-data {
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
  margin: 0 0 10px;
}
@media print, screen and (max-width: 768px) {
  .mod-data {
    margin: 10px 0 5px;
  }
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Link

```
&lt;p class="mod-link"&gt;&lt;a href="#"&gt;Link&lt;/a&gt;&lt;/p&gt;
&lt;p class="mod-link-external"&gt;&lt;a href="#" target="_blank"&gt;Link External&lt;/a&gt;&lt;/p&gt;
&lt;p class="mod-link-pdf"&gt;&lt;a href="#"&gt;PDF Link&lt;/a&gt;&lt;/p&gt;
```
*/
.mod-link {
  padding: 0 0 0 15px;
  text-indent: -15px;
}
.mod-link:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  margin: 0 5px 0 0;
  color: #4469b9;
}

.mod-link-external:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f2d2";
  margin: 0 0 0 3px;
  color: #4469b9;
}

.mod-link-pdf {
  position: relative;
  margin: 15px 0;
  padding: 0 0 0 33px;
}
.mod-link-pdf:before {
  content: url(/wp-content/themes/public_housing2019_yokohama/assets/img/common/ico_pdf_01.png);
  position: absolute;
  top: -4px;
  left: 0;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
.mod-btn {
  margin: 10px 0 30px;
}
.mod-btn a {
  position: relative;
  display: block;
  width: 165px;
  margin: 0 auto;
  line-height: 36px;
  border: 2px #4469b9 solid;
  border-radius: 5px;
  background: #4469b9;
  box-shadow: 0px 4px 1px -1px #005495;
  color: #333;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
  text-align: center;
  text-decoration: none;
}
@media print, screen and (max-width: 768px) {
  .mod-btn a {
    width: 100%;
  }
}
.mod-btn a:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  position: absolute;
  top: 13px;
  left: 10px;
  vertical-align: -1px;
}
@media print, screen and (max-width: 768px) {
  .mod-btn a:before {
    position: absolute;
    top: 12px;
    left: 15px;
  }
}
.mod-btn a:hover {
  background: #fff;
  color: #dbe7ff;
}
@media print, screen and (max-width: 768px) {
  .mod-btn a:hover {
    background: #4469b9;
    color: #333;
  }
}
.mod-btn a:hover:before {
  color: #dbe7ff;
}
@media print, screen and (max-width: 768px) {
  .mod-btn a:hover:before {
    color: #333;
  }
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Unordered List

```
&lt;ul class="mod-ul"&gt;
&lt;li&gt;List Item 1&lt;/li&gt;
&lt;li&gt;List Item 2&lt;/li&gt;
&lt;li&gt;List Item 3&lt;/li&gt;
&lt;/ul&gt;
```
*/
.mod-ul {
  margin: 20px 0;
}
.mod-ul &gt; li {
  position: relative;
  line-height: 1.5;
  padding: 0 0 0 17px;
}
.mod-ul &gt; li:not(:last-child) {
  margin: 0 0 10px;
}
.mod-ul &gt; li:before {
  content: "•";
  position: absolute;
  top: -5px;
  left: 3px;
  color: #4469b9;
  font-size: 1.8rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}

/*
#styleguide
Ordered List

```
&lt;ol class="mod-ol"&gt;
&lt;li&gt;List Item 1&lt;/li&gt;
&lt;li&gt;List Item 2&lt;/li&gt;
&lt;li&gt;List Item 3&lt;/li&gt;
&lt;/ol&gt;
```
*/
.mod-ol {
  margin: 20px 0 20px 21px;
}
.mod-ol &gt; li {
  line-height: 1.5;
  list-style-type: decimal;
}
.mod-ol &gt; li:not(:last-child) {
  margin: 0 0 10px;
}

/*
#styleguide
Link List

```
&lt;ul class="mod-link-list"&gt;
&lt;li&gt;&lt;a href="#"&gt;Link List Item 1&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Link List Item 2&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="#"&gt;Link List Item 3&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
```
*/
.mod-link-list {
  margin: 20px 0;
}
.mod-link-list &gt; li {
  line-height: 1.5;
  padding: 0 0 0 15px;
  text-indent: -15px;
}
.mod-link-list &gt; li:not(:last-child) {
  margin: 0 0 10px;
}
.mod-link-list &gt; li:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  margin: 0 5px 0 0;
  color: #dbe7ff;
}

/*
#styleguide
Infomation List

```
&lt;dl class="mod-info-list"&gt;
&lt;dt&gt;2018.01.10&lt;/dt&gt;
&lt;dd&gt;&lt;a href="#"&gt;ホームページをリニューアルしました&lt;/a&gt;&lt;/dd&gt;
&lt;dt&gt;2018.01.01&lt;/dt&gt;
&lt;dd&gt;ホームページをリニューアルしました&lt;/dd&gt;
```
*/
.mod-info-list:after {
  display: block;
  clear: both;
  content: "";
}
.mod-info-list dt {
  float: left;
  width: 130px;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-info-list dt {
    float: none;
    width: auto;
  }
}
.mod-info-list dt:not(:last-of-type) {
  margin: 0 0 25px;
}
@media print, screen and (max-width: 768px) {
  .mod-info-list dt:not(:last-of-type) {
    margin: 0 0 5px;
  }
}
.mod-info-list dd {
  overflow: hidden;
}
.mod-info-list dd:not(:last-of-type) {
  margin: 0 0 25px;
}
@media print, screen and (max-width: 768px) {
  .mod-info-list dd:not(:last-of-type) {
    margin: 0 0 20px;
  }
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Table

```
&lt;table class="mod-table"&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;thead1&lt;/th&gt;
&lt;th&gt;thead2&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;
&lt;tr&gt;
&lt;th&gt;row1&lt;/th&gt;
&lt;td&gt;column&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;row2&lt;/th&gt;
&lt;td&gt;column&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;th&gt;row3&lt;/th&gt;
&lt;td&gt;column&lt;/td&gt;
&lt;/tr&gt;
&lt;/tbody&gt;
&lt;/table&gt;

```
*/
.mod-p-table {
  color: #fe0000;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
  margin: 0 0 10px 0;
}
.mod-p-table:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0ec";
  margin: 0 4px 0 0;
  font-size: 1.8rem;
}

.mod-table {
  width: 100%;
  border-top: 1px #666 solid;
  border-left: 1px #666 solid;
}
.mod-table thead {
  background: #666666;
  color: #fff;
}
.mod-table thead th {
  padding: 7px;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  .mod-table thead th {
    font-size: 1.2rem;
    font-weight: normal;
  }
}
.mod-table thead th:last-child {
  border-right: 1px #666 solid;
}
.mod-table thead th:not(:last-child) {
  border-right: 1px #fff solid;
}
.mod-table tbody th,
.mod-table tbody td {
  padding: 12px;
  border-right: 1px #666 solid;
  border-bottom: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .mod-table tbody th,
.mod-table tbody td {
    padding: 10px;
  }
}
.mod-table tbody th {
  background: #ccc;
  text-align: center;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
/*
#styleguide
Alignment

```
&lt;p class="mod-left"&gt;left&lt;/p&gt;
&lt;p class="mod-center"&gt;center&lt;/p&gt;
&lt;p class="mod-right"&gt;right&lt;/p&gt;
```
*/
.mod-left {
  text-align: left !important;
}

.mod-center {
  text-align: center !important;
}

.mod-right {
  text-align: right !important;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
@media print, screen and (min-width: 769px) {
  .is-pc-hide {
    display: none !important;
  }
}

@media print, screen and (min-width: 769px) {
  .is-pc-show {
    display: block !important;
  }
}

@media print, screen and (max-width: 768px) {
  .is-sp-show {
    display: block !important;
  }
}

@media print, screen and (max-width: 768px) {
  .is-sp-hide {
    display: none !important;
  }
}

/* =====================================================
 * Page
 * ================================================== */
.key-visual {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 310px;
  background: url(/wp-content/themes/public_housing2019_yokohama/assets/img/home/ph_keyvisual_01.jpg) no-repeat right top/cover;
}
@media print, screen and (max-width: 768px) {
  .key-visual {
    height: 155px;
  }
}
.key-visual:after {
  content: "";
  position: absolute;
  bottom: 0;
  z-index: 5;
  width: 100%;
  height: 90px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
}
@media print, screen and (max-width: 768px) {
  .key-visual:after {
    height: 45px;
  }
}
.key-visual + .l-contents {
  margin: 80px auto 125px;
}
@media print, screen and (max-width: 768px) {
  .key-visual + .l-contents {
    margin: 75px 20px 40px;
  }
}

.section-information {
  margin: 0 0 40px;
  padding: 30px 20px;
  background: #fff;
  overflow: hidden;
}
.section-information .section-information-heading {
  margin: 0 0 10px;
  font-size: 2.4rem;
}
@media print, screen and (max-width: 768px) {
  .section-information .section-information-heading {
    font-size: 1.8rem;
  }
}
.section-information .section-information-heading:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f05a";
  color: #4469b9;
  font-size: 4rem;
  vertical-align: -7px;
}
@media print, screen and (max-width: 768px) {
  .section-information .section-information-heading:before {
    font-size: 3rem;
    vertical-align: -6px;
  }
}
.section-information .section-information-heading strong {
  margin: 0 10px;
  font-weight: normal;
  vertical-align: middle;
}
@media print, screen and (max-width: 768px) {
  .section-information .section-information-heading strong {
    margin: 0 7px;
  }
}
.section-information .section-information-heading span {
  color: #4469b9;
  font-size: 1.2rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
  vertical-align: middle;
}
@media print, screen and (max-width: 768px) {
  .section-information .section-information-heading span {
    font-size: 1.1rem;
    vertical-align: 1px;
  }
}
.section-information .mod-info-list {
  margin: 0 0 10px;
  padding: 30px 30px 30px 0;
  border-top: 1px #666 solid;
  border-bottom: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .section-information .mod-info-list {
    padding: 20px 0;
  }
}
.section-information .mod-info-list dt:not(:last-of-type) {
  margin: 0 0 16px;
}
@media print, screen and (max-width: 768px) {
  .section-information .mod-info-list dt:not(:last-of-type) {
    margin: 0 0 5px;
  }
}
.section-information .mod-info-list dd:not(:last-of-type) {
  margin: 0 0 16px;
}
@media print, screen and (max-width: 768px) {
  .section-information .mod-info-list dd:not(:last-of-type) {
    margin: 0 0 20px;
  }
}
.section-information .link-information-list {
  float: right;
}

.content-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (max-width: 768px) {
  .content-list {
    display: block;
  }
}
.content-list li {
  width: 335px;
  height: 150px;
  margin: 0 0 25px;
}
@media print, screen and (max-width: 768px) {
  .content-list li {
    width: 100%;
    margin: 0 0 15px;
  }
}
.content-list li:nth-child(1) dt:before {
  content: "\f1ad";
  margin: 0 10px 0 0;
  vertical-align: -4px;
}
@media print, screen and (max-width: 768px) {
  .content-list li:nth-child(1) dt:before {
    margin: 0 6px 0 0;
    vertical-align: -3px;
  }
}
.content-list li:nth-child(2) dt:before {
  content: "\f040";
  margin: 0 10px 0 0;
  vertical-align: -4px;
}
@media print, screen and (max-width: 768px) {
  .content-list li:nth-child(2) dt:before {
    margin: 0 8px 0 0;
    vertical-align: -3px;
  }
}
.content-list li:nth-child(3) dt:before {
  content: "\f1b9";
  margin: 0 8px 0 0;
  vertical-align: -2px;
  font-size: 2.6rem;
}
@media print, screen and (max-width: 768px) {
  .content-list li:nth-child(3) dt:before {
    margin: 0 6px 0 0;
    vertical-align: -2px;
  }
}
.content-list li:nth-child(4) dt:before {
  content: "\f15c";
  margin: 0 12px 0 0;
  vertical-align: -4px;
}
@media print, screen and (max-width: 768px) {
  .content-list li:nth-child(4) dt:before {
    margin: 0 10px 0 0;
    vertical-align: -3px;
  }
}
.content-list a {
  position: relative;
  display: block;
  height: 100%;
  padding: 18px 35px 18px 18px;
  border: 3px #999 solid;
  border-radius: 10px;
  box-shadow: 0px 9px 4px -4px #ccc;
  color: #000;
  text-decoration: none;
}
.content-list a:hover {
  border-color: #4469b9;
  color: #4469b9;
}
.content-list a:hover dt {
  border-bottom: 1px #4469b9 solid;
}
@media print, screen and (max-width: 768px) {
  .content-list a:hover {
    border-color: #999;
  }
}
.content-list a:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  position: absolute;
  top: 65px;
  right: 10px;
  color: #4469b9;
}
.content-list dt {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px #666 solid;
  font-size: 1.6rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .content-list dt {
    margin: 0 0 12px;
  }
}
.content-list dt:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 3rem;
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  .content-list dt:before {
    font-size: 2.5rem;
  }
}
.content-list dd {
  line-height: 1.4;
}

.table-cost tbody th {
  line-height: 1.7;
  white-space: nowrap;
}
.table-cost tbody tr:nth-child(2) th {
  padding-right: 20px;
  padding-left: 20px;
}
@media print, screen and (max-width: 768px) {
  .table-cost tbody tr:nth-child(2) th {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.table-check {
  margin: 0 0 35px;
}

.check-contact {
  line-height: 1.7;
}

.useful-list strong {
  display: block;
  margin: 0 0 5px;
  font-weight: normal;
}
.useful-list .mod-ul {
  margin: 0;
}

.qa-list dt {
  display: flex;
  line-height: 1.5;
  margin: 0 0 15px;
  padding: 10px 20px 10px 10px;
  background: #dbe7ff;
  font-size: 1.6rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .qa-list dt {
    font-size: 1.5rem;
  }
}
.qa-list dt &gt; span {
  margin: 2px 0 0 5px;
}
@media print, screen and (max-width: 768px) {
  .qa-list dt &gt; span {
    margin: -2px 0 0 5px;
  }
}
.qa-list dd {
  display: flex;
  line-height: 1.7;
  padding: 0 0 0 10px;
}
@media print, screen and (max-width: 768px) {
  .qa-list dd {
    display: block;
  }
}
.qa-list dd:not(:last-child) {
  margin: 0 0 30px;
}
@media print, screen and (max-width: 768px) {
  .qa-list dd:not(:last-child) {
    margin: 0 0 20px;
  }
}
.qa-list dd &gt; div {
  margin: 2px 0 0 5px;
}
@media print, screen and (max-width: 768px) {
  .qa-list dd &gt; div {
    margin: -2px 0 0 22px;
  }
}
.qa-list em {
  line-height: 1;
  color: #4469b9;
  font-size: 2.4rem;
  font-style: normal;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .qa-list em {
    float: left;
    font-size: 1.8rem;
  }
}

.list-local-nav {
  margin: 0 0 40px;
}
.list-local-nav .link-list-area {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.list-local-nav .link-list-area:before {
  content: "";
  display: block;
  width: 165px;
  height: 0;
  order: 1;
}
.list-local-nav .link-list-area:after {
  content: "";
  display: block;
  width: 165px;
  height: 0;
}
.list-local-nav .link-list-area li {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
  border-radius: 5px;
  background: #dbe7ff;
  box-shadow: 0px 4px 1px -1px #b2c5ed;
}
.list-local-nav .link-list-area li:hover {
  background: #b2c5ed;
}
.list-local-nav .link-list-area li a {
  position: relative;
  width: 165px;
  padding: 10px 12px 10px 20px;
  color: #000;
  text-align: center;
  text-decoration: none;
}
.list-local-nav .link-list-area li a:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f103";
  position: absolute;
  top: 50%;
  left: 8px;
  transform: translateY(-50%);
  color: #4469b9;
}

.link-list-map {
  margin: 10px 0 30px;
}
.link-list-map a {
  position: relative;
  display: block;
  width: 250px;
  line-height: 36px;
  border-radius: 5px;
  background: #dbe7ff;
  box-shadow: 0px 4px 1px -1px #b2c5ed;
  color: #000;
  text-align: center;
  text-decoration: none;
}
@media print, screen and (max-width: 768px) {
  .link-list-map a {
    width: 100%;
  }
}
.link-list-map a:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f041";
  position: absolute;
  top: 8px;
  left: 10px;
  color: #4469b9;
  font-size: 2rem;
  vertical-align: -1px;
}
@media print, screen and (max-width: 768px) {
  .link-list-map a:before {
    position: absolute;
    top: 8px;
    left: 15px;
  }
}
.link-list-map a:after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f2d2";
  position: absolute;
  top: 12px;
  right: 10px;
  color: #4469b9;
}
@media print, screen and (max-width: 768px) {
  .link-list-map a:after {
    position: absolute;
    top: 12px;
    right: 15px;
  }
}
.link-list-map a:hover {
  background: #b2c5ed;
}

@media print, screen and (max-width: 768px) {
  iframe {
    width: 100%;
  }
}

@media print, screen and (max-width: 768px) {
  .list-table-wrap {
    overflow-x: scroll;
  }
}

@media print, screen and (max-width: 768px) {
  .table-list {
    width: 740px;
  }
}
.table-list thead th:nth-child(1) {
  width: 45px;
}
.table-list thead th:nth-child(2) {
  width: 150px;
}
.table-list thead th:nth-child(3) {
  width: 45px;
}
.table-list thead th:nth-child(5) {
  width: 45px;
}
.table-list thead th:nth-child(6) {
  width: 75px;
}
.table-list thead th:nth-child(7) {
  width: 65px;
}
.table-list thead th:nth-child(8) {
  width: 65px;
}
.table-list tbody td {
  line-height: 1.3;
}

/*
#colors

@main #ffb759
@accent-color #c64805
@text #000
*/
.link-news-list {
  margin: 35px 0 0;
  padding: 20px 0 0;
  border-top: 1px #666 solid;
}
@media print, screen and (max-width: 768px) {
  .link-news-list {
    margin: 20px 0 0;
    padding: 10px 0 0;
  }
}
.link-news-list:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f137";
  margin: 0 5px 0 0;
  color: #4469b9;
}

.mod-news-body h2 {
  margin: 0 0 25px;
  padding: 6px 15px;
  border-left: 5px #dbe7ff solid;
  font-size: 2.4rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-news-body h2 {
    margin: 0 0 20px;
    padding: 6px 11px;
    font-size: 1.8rem;
  }
}
.mod-news-body h3 {
  margin: 0 0 25px;
  padding: 7px 20px;
  background: #c8e3f8;
  font-size: 1.6rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-news-body h3 {
    margin: 0 0 20px;
    padding: 6px 15px;
    font-size: 1.5rem;
  }
}
.mod-news-body h4 {
  margin: 0 0 20px;
  font-size: 1.6rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
@media print, screen and (max-width: 768px) {
  .mod-news-body h4 {
    margin: 0 0 15px;
    font-size: 1.5rem;
  }
}
.mod-news-body p {
  line-height: 1.7;
  margin: 0 0 25px;
}
@media print, screen and (max-width: 768px) {
  .mod-news-body p {
    margin: 0 0 20px;
  }
}
.mod-news-body ul {
  margin: 20px 0;
}
.mod-news-body ul &gt; li {
  position: relative;
  line-height: 1.5;
  padding: 0 0 0 17px;
}
.mod-news-body ul &gt; li:not(:last-child) {
  margin: 0 0 10px;
}
.mod-news-body ul &gt; li:before {
  content: "•";
  position: absolute;
  top: -4px;
  left: 3px;
  color: #dbe7ff;
  font-size: 1.8rem;
  font-family: "UD Shin Go Bold", Meiryo, sans-serif;
}
.mod-news-body ol {
  margin: 20px 0 20px 21px;
}
.mod-news-body ol &gt; li {
  line-height: 1.5;
  list-style-type: decimal;
}
.mod-news-body ol &gt; li:not(:last-child) {
  margin: 0 0 10px;
}
.mod-news-body .mod-link-list {
  margin: 20px 0;
}
.mod-news-body .mod-link-list &gt; li {
  line-height: 1.5;
  padding: 0 0 0 15px;
  text-indent: -15px;
}
.mod-news-body .mod-link-list &gt; li:not(:last-child) {
  margin: 0 0 10px;
}
.mod-news-body .mod-link-list &gt; li:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  margin: 0 5px 0 0;
  color: #dbe7ff;
  position: inherit;
  top: auto;
  left: auto;
  font-size: 1.4rem;
  font-weight: normal;
}
.mod-news-body .mod-link {
  padding: 0 0 0 15px;
  text-indent: -15px;
}
.mod-news-body .mod-link:before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f138";
  margin: 0 5px 0 0;
  color: #dbe7ff;
}

@media print, screen and (max-width: 768px) {
  .table-download {
    width: 100％;
  }
}
.table-download tbody th {
  width: 25%;
}

.table-parking thead th:nth-child(1), .table-parking thead th:nth-child(2) {
  width: 40%;
}
.table-parking thead th:nth-child(3) {
  width: 20%;
}

.mod-section.privacy {
  padding: 20px;
  border: 1px solid #666;
}
.mod-section.privacy .mod-heading2 {
  padding: 6px 0;
  border: none;
}

.table-contact th {
  width: 150px;
}

/*# sourceMappingURL=common.css.map */
</pre></body></html>