/**$txt:#333;
$txt2: #3e5059;**/
.main-master .page-name {
  color: #000;
  position: static;
  margin: auto;
  transform: translate(0, 0);
  margin-bottom: 4%; }
.main-master .main-message {
  position: absolute;
  z-index: 2;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  width: 90%; }
  .main-master .main-message .lead {
    margin-top: 4%; }
@media screen and (max-width: 768px) {
  .main-master .main-message {
    top: 33%; }
    .main-master .main-message .lead {
      font-size: 14px; } }

.lead.center {
  text-align: center; }

.copy-body {
  font-size: 10px;
  padding-bottom: 9em;
  padding-top: 1em;
  position: relative;
  margin-top: 5em; }
  .copy-body:before {
    width: 2px;
    content: "";
    background: linear-gradient(to bottom, #cfc1a6, rgba(255, 255, 255, 0), #cfc1a6);
    position: absolute;
    bottom: 0;
    height: 10em; }
  .copy-body .copy-l {
    position: absolute;
    top: 0;
    font-size: 2.8em;
    line-height: 1;
    color: #62562a;
    writing-mode: vertical-rl;
    font-feature-settings: normal;
    opacity: 0.6; }
  .copy-body .copy-m {
    font-size: 2.8em;
    color: #000;
    margin-top: 0.5em; }
  .copy-body .lead {
    font-size: 1.8em;
    margin-top: 1em;
    color: #000; }
  .copy-body .copy-under-en {
    position: absolute;
    width: 40%;
    max-width: 300px;
    border-bottom: 2px solid #cfc1a6;
    font-family: "minion-pro", "times-new-roman", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-feature-settings: 'palt';
    color: #94acb6;
    bottom: 3em;
    display: flex;
    padding-bottom: 1em;
    box-sizing: border-box;
    font-size: 1.4em; }
  .copy-body.right-copy {
    padding-right: 14em; }
    .copy-body.right-copy .copy-l {
      right: 0; }
    .copy-body.right-copy .copy-under-en {
      right: 0;
      padding-right: 4.5em;
      writing-mode: vertical-rl; }
    .copy-body.right-copy:before {
      right: 5.5em; }
  .copy-body.left-copy {
    padding-left: 14em; }
    .copy-body.left-copy .copy-l {
      left: 1.5em; }
    .copy-body.left-copy .copy-under-en {
      left: 0;
      padding-left: 4.5em;
      writing-mode: vertical-lr; }
    .copy-body.left-copy:before {
      left: 6.5em; }
  @media screen and (max-width: 600px) {
    .copy-body {
      font-size: 8px; } }

.residence-bg {
  background: url("../images/residence/res-head-bg.jpg") center bottom;
  background-size: cover; }
  .residence-bg .breadcrumbs {
    background: none; }
  @media screen and (max-width: 768px) {
    .residence-bg {
      padding-top: 1px; } }

.photo01 {
  margin: auto;
  max-width: 900px;
  margin-top: 50px; }

.photo02 {
  margin: auto;
  max-width: 900px;
  margin-top: 0px; }

@media screen and (max-width: 700px) {
  .photo01 {
    margin-left: 0%;
    width: 100%; } }

@media screen and (max-width: 700px) {
  .photo02 {
    margin-left: 0%;
    width: 100%;
    margin-top: -5%; } }

.res-inner01,
.res-inner02 {
  font-size: 10px;
  padding-bottom: 6em; }
  .res-inner01 .res-en,
  .res-inner02 .res-en {
    font-family: "minion-pro", "times-new-roman", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 400;
    font-feature-settings: 'palt';
    font-size: 3.4em;
    letter-spacing: 20%;
    margin-top: 1.2em;
    margin-bottom: 1em; }
  .res-inner01 .lmidashi,
  .res-inner02 .lmidashi {
    font-size: 3em;
    line-height: 1.5; }
  .res-inner01 .lead,
  .res-inner02 .lead {
    font-size: 1.8em; }
  @media screen and (max-width: 768px) {
    .res-inner01,
    .res-inner02 {
      width: 80%; } }
  @media screen and (max-width: 600px) {
    .res-inner01,
    .res-inner02 {
      font-size: 8px; } }

.res-inner01 {
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
  .res-inner01 .res-en {
    width: 100%; }
  .res-inner01 .res-copy {
    width: 60%;
    margin-right: 5%; }
  .res-inner01 .img {
    width: 35%; }
  @media screen and (max-width: 768px) {
    .res-inner01 .res-copy {
      width: 100%;
      margin-right: 0%; }
    .res-inner01 .img {
      margin: auto;
      width: 70%;
      max-width: 360px;
      margin-top: 4em; } }

.res-inner02 {
  max-width: 1000px;
  padding-bottom: 0; }

/**#target {
  background: #fff;
  padding: 10px;
  transition: all 0.2s ease;
	&.fixed {
	  position: fixed;
	  top: 0;
	  left: 0;
	  right: 0;
	  z-index: 999;
	  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	}
}

#trigger {
  height: 1px;
}**/
/**.normal{
	width: 100%;
	background: #fff;
	position: sticky;
	top: 120px;
	text-align: center;
	z-index: 5;
	@media screen and (max-width:$bp03){
		position:inherit;
		top:inherit;
	}
}**/
.shikichi-master {
  font-size: 10px; }
  .shikichi-master .shikichi {
    display: inline-block;
    margin-bottom: 50px; }
    .shikichi-master .shikichi img {
      height: auto;
      width: 100%;
      max-width: 1100px; }
    @media screen and (max-width: 768px) {
      .shikichi-master .shikichi {
        margin-bottom: 25px; }
        .shikichi-master .shikichi img {
          height: auto;
          width: 100%; } }
  .shikichi-master .view {
    margin: auto;
    max-width: 1000px;
    margin-top: 4em; }

.resi-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 1000px;
  width: 90%;
  margin: auto;
  font-size: 10px; }
  .resi-list li {
    margin-top: 6em; }
    .resi-list li .copy {
      position: relative;
      z-index: 1; }
    .resi-list li .shiki-ttl {
      position: relative;
      padding-left: 3.8em; }
      .resi-list li .shiki-ttl .num {
        position: absolute;
        left: 0;
        top: 0.2em;
        background: #90272d;
        width: 1.4em;
        height: 1.4em;
        line-height: 1.4em;
        text-align: center;
        color: #fff;
        font-size: 2em; }
      .resi-list li .shiki-ttl .shiki-mds {
        font-size: 2.3em; }
        @media screen and (max-width: 600px) {
          .resi-list li .shiki-ttl .shiki-mds {
            font-size: 2em; } }
      .resi-list li .shiki-ttl .note {
        font-size: 0.6em !important; }
    .resi-list li .lead {
      font-size: 1.6em;
      margin-top: 1em; }
    .resi-list li .img {
      margin-top: 1.5em; }
  @media screen and (max-width: 600px) {
    .resi-list {
      font-size: 8px; } }

.resi-list.list01 {
  padding-top: 3em; }
  .resi-list.list01 li:nth-child(1) {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .resi-list.list01 li:nth-child(1) .shiki-ttl {
      width: 100%; }
    .resi-list.list01 li:nth-child(1) .copy {
      width: 40%;
      margin-right: 5%; }
    .resi-list.list01 li:nth-child(1) .img {
      width: 55%; }
  @media screen and (max-width: 768px) {
    .resi-list.list01 {
      width: 100%;
      padding-top: 0.1em; }
      .resi-list.list01 li {
        width: 100%; }
        .resi-list.list01 li:nth-child(1) {
          width: 90%;
          margin-left: 5%;
          margin-top: 4em; }
          .resi-list.list01 li:nth-child(1) .shiki-ttl {
            width: 100%; }
          .resi-list.list01 li:nth-child(1) .copy {
            width: 100%; }
            .resi-list.list01 li:nth-child(1) .copy .lead {
              width: auto;
              margin-right: 5%;
              flex: 1; }
            .resi-list.list01 li:nth-child(1) .copy .img {
              width: 40%;
              max-width: 160px; }
          .resi-list.list01 li:nth-child(1) .img {
            width: 100%;
            margin-bottom: 20px; } }
.resi-list.list03 li {
  width: 47%; }
  .resi-list.list03 li .shiki-ttl {
    padding-left: 0em; }
  .resi-list.list03 li:nth-child(1) {
    margin-right: 6%; }
    .resi-list.list03 li:nth-child(1) .shiki-ttl {
      padding-left: 3.8em;
      width: 100%; }
    .resi-list.list03 li:nth-child(1) .copy {
      width: 100%;
      margin-right: 0%;
      display: flex;
      flex-wrap: wrap;
      align-items: flex-start; }
      .resi-list.list03 li:nth-child(1) .copy .lead {
        width: 50%;
        margin-right: 5%; }
      .resi-list.list03 li:nth-child(1) .copy .img {
        width: 45%; }
  .resi-list.list03 li:nth-child(3) {
    width: 100%;
    display: flex;
    flex-wrap: wrap; }
    .resi-list.list03 li:nth-child(3) .shiki-ttl {
      width: 100%; }
    .resi-list.list03 li:nth-child(3) .copy {
      width: 45%;
      margin-right: 5%;
      display: flex;
      align-items: flex-start; }
      .resi-list.list03 li:nth-child(3) .copy .lead {
        width: 50%;
        margin-right: 5%; }
      .resi-list.list03 li:nth-child(3) .copy .img {
        width: 45%; }
    .resi-list.list03 li:nth-child(3) .img {
      width: 50%; }
@media screen and (max-width: 768px) {
  .resi-list.list03 {
    width: 100%;
    padding-top: 0.1em; }
    .resi-list.list03 li {
      width: 100%; }
      .resi-list.list03 li:nth-child(1) {
        margin-right: 0%;
        margin-top: 2em; }
      .resi-list.list03 li:nth-child(1) .copy, .resi-list.list03 li:nth-child(2) .copy {
        width: 90%;
        margin-left: 5%; }
      .resi-list.list03 li:nth-child(3) {
        width: 90%;
        margin-left: 5%; }
        .resi-list.list03 li:nth-child(3) .shiki-ttl {
          width: 100%; }
        .resi-list.list03 li:nth-child(3) .copy {
          width: 100%; }
          .resi-list.list03 li:nth-child(3) .copy .lead {
            width: auto;
            margin-right: 5%;
            flex: 1; }
          .resi-list.list03 li:nth-child(3) .copy .img {
            width: 40%;
            max-width: 160px; }
        .resi-list.list03 li:nth-child(3) .img {
          width: 100%;
          margin-bottom: 20px; } }
.resi-list.list02 {
  padding-bottom: 8em; }
  .resi-list.list02 li {
    width: 30%;
    margin-right: 5%; }
    .resi-list.list02 li .shiki-ttl {
      padding-left: 0em; }
    .resi-list.list02 li:nth-child(3n) {
      margin-right: 0; }
  @media screen and (max-width: 768px) {
    .resi-list.list02 li {
      width: 47%;
      margin-right: 6%; }
      .resi-list.list02 li:nth-child(3n) {
        margin-right: 6%; }
      .resi-list.list02 li:nth-child(2n) {
        margin-right: 0; } }
.resi-list.list04 li {
  width: 100%; }
  .resi-list.list04 li .copy {
    margin-bottom: 4em; }
  .resi-list.list04 li:nth-child(1) {
    width: 56%;
    margin-right: 44%; }
  .resi-list.list04 li:nth-child(2) {
    margin: auto;
    max-width: 860px;
    margin-top: -21%; }
@media screen and (max-width: 768px) {
  .resi-list.list04 {
    width: 100%; }
    .resi-list.list04 li .copy {
      margin-bottom: 2em; }
    .resi-list.list04 li:nth-child(1) {
      width: 88%;
      margin-right: 6%;
      margin-left: 6%; }
    .resi-list.list04 li:nth-child(2) {
      width: 100%;
      margin-top: -10%; } }

.shiki01-img01 {
  margin-top: -2% !important;
  z-index: 0; }
  @media screen and (max-width: 768px) {
    .shiki01-img01 {
      margin-top: 2% !important; } }

.flow-list {
  display: flex;
  align-items: flex-start; }
  .flow-list .img {
    width: 25%; }
    .flow-list .img .name {
      display: block;
      text-align: center;
      margin-top: 0.4em; }