@charset "utf-8";
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: icons;
  font-style: normal;
  font-weight: normal;
  src: url("https://www.maki-web.co.jp/font/icons.eot");
  src: url("https://www.maki-web.co.jp/font/icons.eot?#iefix") format("embedded-opentype"), url("https://www.maki-web.co.jp/font/icons.woff") format("woff"), url("https://www.maki-web.co.jp/font/icons.ttf") format("truetype");
}

/* -----------------------------------------------------------------
   Base
   ----------------------------------------------------------------- */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height:100%;
  font-size: 1.2vw;//14px;
  user-select: none;
}

@media screen and (max-width: 1020px) {
  html {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}

body {
  margin: 0;
  padding: 0;
  color: #000;
  background-color: #fff;

  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;

  font-family: "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif, sans-serif;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
}

section {
  font-size:1.1rem;//1.2vw;
  line-height: 2.4;
  letter-spacing: .1rem;
}

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

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #000;
}
hr.white {
  border-top: 1px solid #fff;
}

.htitle,.hide{
  display:none;
}

#googlemap{
  width: 100%;
  height: 400px;
  border:0;
  margin:0 auto;
}
#map_canvas1,#map_canvas2{width:100%;height:600px}
#map_canvas1{margin-bottom:10px}

/*-------------------------------------------> font */

a {
  text-decoration:none;
  color:#000;
}

p {
  letter-spacing: 0;
  text-align: justify;
  text-justify: inter-ideograph;
}

h1{
  font-size:3.4rem;
  line-height:1.6;
  letter-spacing: .5rem;
  font-weight: 300;
}

h2{
  font-size:2.2rem;
  font-weight: 300;
  line-height:1.8;
}

h3{
  font-size:1.5rem;
  line-height:1.8;
}

h4{
  font-size:1.2rem;
  line-height:1.6;
}

h5 {
  font-size:2.5rem;
  line-height:1.3;
  letter-spacing: .4rem;
}



@media screen and (max-width: 768px){
  p {
    letter-spacing: 0;
  }
  h1{
    font-size:2.0rem;
    letter-spacing: 0;
  }
  h2{
    font-size:1.4rem;
    letter-spacing: 0;
  }
  h3{
    font-size:1.2rem;
    letter-spacing: 0;
  }
  h4{
    font-size:1.0rem;
    letter-spacing: 0;
  }
}


input::placeholder,textarea::placeholder {
  color: #bcccd6;
}

.none {
  display: none;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}


.inner{
  margin:auto;
  padding-left:7vw;
  padding-right:7vw;
}
.box{
  margin:auto;
  padding-left:13vw;
  padding-right:13vw;
}

@media screen and (max-width: 767px) {
  .inner{
    margin:auto;
    padding-left:4vw;
    padding-right:4vw;
  }
  .box{
    margin:auto;
    padding-left:4vw;
    padding-right:4vw;
  }
}


/* menu
------------------------------------------------------------*/

.menu_section {
  position: relative;
  display: block;
  width:100%;
  //height:5.7vw;
  background:#000;
}


.menu {
  position: fixed;
  top:0;
  width:100%;
  padding:.8vw 2vw;
  background:rgb(0,0,0,1.0);
  z-index:99999;
}



.gmenu {
  width:100%;
}
.cmenu {
  margin-top:5.0vw;
  line-height: 4.0;
  border-top: 1px solid #444;
}
.cmenu li {
  padding-top:1vw;
}

.gmenu li {
  float:left;
  width:15%;
  text-align:left;
}
.gmenu li:first-child {
  text-align:left;
}
.gmenu li:last-child {
  width:10%;
  text-align:right;
}

.gmenu font {
  color:#fff;
  letter-spacing: .15rem;
  line-height: 2.9;
  font-weight: bold;
}
.logoH {
  width:5vw;
  max-width:100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}


.gmenu a font,.c-nav-global__document a font {
  position: relative;
  font-size:1.0rem;
}
/* 下線のスタイル */
.gmenu a font::after,.c-nav-global__document a font::after {
  background-color: #fff; /* 下線の色 */
  bottom: -4px; /* 要素の下端からの距離 */
  content: ""; /* 要素に内容を追加 */
  height: 1px; /* 下線の高さ */
  left: 0; /* 要素の左端からの距離 */
  position: absolute; /* 絶対位置指定 */
  transform: scale(0, 1); /* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
  transform-origin: left top; /* 変形の原点を左上に指定 */
  transition: transform 500ms; /* 変形をアニメーション化 */
  width: 100%; /* 要素の幅 */
  opacity: .2;
}
/* リンクにホバーした際の下線の表示 */
.gmenu a font:hover::after,.c-nav-global__document a font:hover::after {
  transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
  opacity: 1;
}

.dummy {
  padding:1.1vw 2vw;
}
.dummy .logoH {
  opacity:0;
}


#gNavi {
  padding: 0;
  margin-right: -76.4%;
  width: 300px;
  max-width:70%;
  height: 100%;
  position: fixed;
  top: 0;
  right: 0;
  overflow: hidden;
  overflow-y: auto;
  transition: margin .6s ease;
  z-index:9993;
  background:rgb(44,88,118,0.9);
}

.openMenu #gNavi {
  margin-right: 0;
}


.menuTrigger {
  position: relative;
  width: 3vw;
  height: 2.8vw;
}

.menuTrigger span {
  position: absolute;
  display: inline-block;
  box-sizing: border-box;
  right: 0;
  width: 100%;
  height: .4vw;
  transform-origin: 50% 50%;
  background-color: #fff;
  z-index: 9999;
}
.menuTrigger span:nth-child(2) {
  top: 1.15vw;
}

.menuTrigger span:nth-child(3) {
  bottom: 0;
}

.openMenu .menuTrigger span:nth-child(1) {
  -webkit-transform: translateY(8px) rotate(-315deg);
  transform: translateY(8px) rotate(-315deg);
  background-color: #fff;
}

.openMenu .menuTrigger span:nth-child(2) {
  opacity: 0;
}

.openMenu .menuTrigger span:nth-child(3) {
  -webkit-transform: translateY(-8px) rotate(315deg);
  transform: translateY(-8px) rotate(315deg);
  background-color: #fff;
}



/* index
------------------------------------------------------------*/

.priduct__section {
  position: relative;
  display: block;
  width:100%;
  height:55vw;
}

.priduct__section .img-title {
  position: absolute;
  width:30vw;
  left:8vw;
  top:11.5vw;
}


.title_defo {
  position: absolute;
  width:40vw;
  margin: auto;
  top: 0;bottom:0;
  left:0;right:0;
  z-index:9;
}

.title_top {
  position: absolute;
  width:38vw;
  margin: 0;
  top: 12vw;
  right:8vw;
  z-index:9;
}
.title_center {
  position: absolute;
  width:40vw;
  margin: 0 auto;
  bottom: -10vw;
  left:0;right:0;
  z-index:9;
}
.title_cube {
  position: absolute;
  width:30vw;
  margin: 0;
  top: 14vw;
  left:8vw;
  z-index:9;
}

.title_H {
  position: absolute;
  width:18vw;
  margin: 0;
  top: 4vw;
  left:10vw;
  z-index:9;
}
.title_sale {
  position: absolute;
  width:32vw;
  margin: 0;
  top: 22vw;
  left:4vw;
  z-index:9;
}

.priduct__section .center img {
  width:40vw;
  margin: auto;
  right:0;
  left:0;
}


.model__section {
  width:100%;
}

.model__section li {
  width:25%;
  height:60vw;
  float:left;
  text-align: center;
}

.triangle-left-top {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3vw 3vw 0 0;
  border-color: #000 transparent transparent transparent;
}

.model__section li img {
  width:65%;
  margin-top: 2vw;
}

.model__section li.piatto {
  background: url("../images/index_piatto.jpg") center no-repeat;
  background-size: cover;
}
.model__section li.cube {
  background: url("../images/index_cube.jpg") center no-repeat;
  background-size: cover;
}
.model__section li.cubef {
  background: url("../images/index_cubef.jpg") center no-repeat;
  background-size: cover;
}
.model__section li.garage {
  background: url("../images/index_garage.jpg") center no-repeat;
  background-size: cover;
}


.modelhouse__section {
  width:100%;
  background: url("../images/index_modelhouse.jpg") center no-repeat;
  background-size: cover;
}

.modelhouse__section div {
  width:48vw;
  text-align:left;
  padding:4.5vw 6vw;
}
.modelhouse__section img {
  width:100%; 
}

.inner .modelhouse__section div {
  width:43vw;
  padding:3.5vw 4vw;
}


.concept li {
  width:50%;
  float:left;
}

.concept li:nth-child(1) {
  padding:4vw 8vw;
}
.concept li:nth-child(2) {
  padding-right:4vw;
  text-align: justify;
}

.border,.borders {
  border:1px solid #000;
  color:#000;
  text-align:center;
  width:100%;
  padding:1.5vw;
  margin: auto;
}

.borders {
  padding:1.0vw;
}

.borders.casa {
  width:45vw;
  border-radius: 10px;
  padding-top:2vw;
}
.borders.casa h1{
  font-size:3.0rem;
  line-height:0.6;
  letter-spacing: 0;
  font-weight: 300;
}

.border.neg,.borders.neg {
  border:1px solid #fff;
  color:#fff;
}


.hover-bg .bgs-target {
  position: relative;
  padding: 1rem 2rem;
  border-radius: 5px;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 50%, transparent 50%);
  background-position: 100%;
  background-size: 300%;
  text-decoration: none;
  transition: background 500ms ease-in-out;
}

.hover-bg .bg-target {
  position: relative;
  padding: .5rem 2rem;
  background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 50%, transparent 50%);
  background-position: 100%;
  background-size: 300%;
  text-decoration: none;
  transition: background 500ms ease-in-out;
}

.hover-bg:hover .bg-target,
.hover-bg:hover .bgs-target {
  background-position: 0;
}

.hover-al:hover .bg-target {
  opacity: .6;
}

.hover-bg:hover .hover-border {
  text-decoration : underline;
}

.hover-border a:hover {
  text-decoration : underline;
}



.concept__section {
  position: relative;
  display: block;
  width:100%;
}

.seven li {
  display: block;
  width:14.285%;
  float:left;
}
.seven li img {
  width:100%;
}
.seven a:nth-child(1) li {
  background: url("../images/menu_earth.jpg") center no-repeat;
  background-size: cover;
}
.seven a:nth-child(2) li {
  background: url("../images/menu_degign.jpg") center no-repeat;
  background-size: cover;
}
.seven a:nth-child(3) li {
  background: url("../images/menu_concept.jpg") center no-repeat;
  background-size: cover;
}
.seven a:nth-child(4) li {
  background: url("../images/menu_insulat.jpg") center no-repeat;
  background-size: cover;
}
.seven a:nth-child(5) li {
  background: url("../images/menu_kitchin.jpg") center no-repeat;
  background-size: cover;
}
.seven a:nth-child(6) li {
  background: url("../images/menu_guarant.jpg") center no-repeat;
  background-size: cover;
}
.seven a:nth-child(7) li {
  background: url("../images/menu_craft.jpg") center no-repeat;
  background-size: cover;
}


.soudan li {
  display: block;
  width:32.6%;
  float:left;
  margin-right: 1%;
}
.soudan li div {
  width:100%;
  height:24vw;
}
.soudan li .pho{
  border-radius: 8px 8px 0 0;
}

.soudan li:nth-child(3){
  margin-right: 0;
}

.visible_pc .soudan li:nth-child(1) .pho {
  background: url("../images/pho_soudan.jpg") center no-repeat;
  background-size: cover;
}
.visible_pc .soudan li:nth-child(2) .pho {
  background: url("../images/pho_nairan.jpg") center no-repeat;
  background-size: cover;

}
.visible_pc .soudan li:nth-child(3) .pho {
  background: url("../images/pho_siryou.jpg") center no-repeat;
  background-size: cover;
}

.soudan li .tit{
  padding:0 3vw;
  padding-top:2vw;
  border-radius: 0 0 8px 8px;
}

.soudan li:nth-child(1) .tit {
  background: linear-gradient(to right, #7a7327,#403900);
}
.soudan li:nth-child(2) .tit {
  background: linear-gradient(to right, #bb7d1a,#713a26);
}
.soudan li:nth-child(3) .tit {
  background: linear-gradient(to right, #7a7327,#403900);
}


.title_tab {
  width:100%;
  margin-bottom: 5vw;
}
.title_tab td:nth-child(1) {
  text-align:left;
  width:80%;
}
.title_tab td:nth-child(2) {
  text-align:right;
}

.model__section .content{
  padding: 0 10rem;
  width:100%;
}


.index.one li:nth-child(1) {
  background: url("../images/back_onsale.jpg") center no-repeat;
  background-size: cover;
}
.index.one li:nth-child(2) {
  background: url("../images/back_event.jpg") center no-repeat;
  background-size: cover;
}
.index.one li:nth-child(3) {
  background: url("../images/back_modelhouse.jpg") center no-repeat;
  background-size: cover;
}
.index.one li:nth-child(2) div {
  position: absolute;
  width:100%;
  padding-left:calc(100% - 35vw);
}
.index.one li div {
  width:40vw;
  height:55vw;
  padding:5vw;
}

.ordermade {
  background: url("../images/ban_ordermade.jpg") center no-repeat;
  background-size: cover;
  position: relative;
  width:100%;
  height:55vw;
  padding-left:calc(100% - 31vw);
  padding-top:3.5vw;
}
.ordermade .order {
  width:25vw;
}



/* haus
------------------------------------------------------------*/

.second {
  position: relative;
  display: block;
  width:100%;
  font-size:1.1rem;
  letter-spacing: .13rem;
}

.second p {
  text-align:center;
}

#garage.second {
  background: url('../images/garage_back.jpg') left no-repeat;background-size: cover;
  color:#fff;
}
#cube.second {
  background: url('../images/cube_back.jpg') left no-repeat;background-size: cover;
  color:#000;
}
#cubef.second {
  background: url('../images/cubef_back.jpg') left no-repeat;background-size: cover;
  color:#fff;
}
#piatto.second {
  background: url('../images/piatto_back.jpg') left no-repeat;background-size: cover;
  color:#fff;
}

.second > div {
  padding-top:12vw;
}

.second h2{
  font-size:2.2rem;
  letter-spacing: .5rem;
}


.title_banner{
  position: absolute;
  width:24vw;
  margin: 0;
  top: 46vw;
  right:0;
  z-index:9;
  animation-delay: 0.5s;
}

#cubef .title_banner.up,
#piatto .title_banner.up {
  top: 10vw;
}
#cubef .title_banner,
#piatto .title_banner {
  top: 34vw;
}

.haus__section {
  width:100%;
  background:#000;
}

.haus__section li {
  position: relative;
  width:50%;
  height:60vw;
  float:left;
  text-align: center;
  padding-top:10vw;
}
.haus__section li img {
  width:70%;
}

#garage.haus__section li.a1 {
  background: url("../images/garage_01.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a2 {
  background: url("../images/garage_02.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a3 {
  background: url("../images/garage_03.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a4 {
  background: url("../images/garage_04.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a5 {
  background: url("../images/garage_05.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a6 {
  background: url("../images/garage_06.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a7 {
  background: url("../images/cube_07.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__section li.a8 {
  background: url("../images/cube_08.jpg") center no-repeat;
  background-size: cover;
}


#cube.haus__section li.a1 {
  background: url("../images/cube_01.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a2 {
  background: url("../images/cube_02.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a3 {
  background: url("../images/cube_03.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a4 {
  background: url("../images/cube_04.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a5 {
  background: url("../images/cube_05.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a6 {
  background: url("../images/cube_06.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a7 {
  background: url("../images/cube_07.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__section li.a8 {
  background: url("../images/cube_08.jpg") center no-repeat;
  background-size: cover;
}


#cubef.haus__section li.a1 {
  background: url("../images/cubef_01.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a2 {
  background: url("../images/cubef_02.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a3 {
  background: url("../images/cube_03.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a4 {
  background: url("../images/cube_04.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a5 {
  background: url("../images/cube_01.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a6 {
  background: url("../images/cube_02.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a7 {
  background: url("../images/cube_07.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__section li.a8 {
  background: url("../images/cube_08.jpg") center no-repeat;
  background-size: cover;
}


#piatto.haus__section li.a1 {
  background: url("../images/piatto_01.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a2 {
  background: url("../images/piatto_02.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a3 {
  background: url("../images/piatto_03.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a4 {
  background: url("../images/piatto_04.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a5 {
  background: url("../images/garage_05.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a6 {
  background: url("../images/garage_06.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a7 {
  background: url("../images/piatto_07.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__section li.a8 {
  background: url("../images/piatto_08.jpg") center no-repeat;
  background-size: cover;
}

.haus__photo {
  width:100%;
}

.haus__photo li {
  position: relative;
  color:#fff;
  width:100%;
  display: flex;
}

.haus__photo li img {
  vertical-align: bottom;
  margin: 7vw 0;
}


#garage.haus__photo li:nth-child(1) {
  background: url("../images/garage_back1.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__photo li:nth-child(2) {
  background: url("../images/garage_back2.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__photo li:nth-child(3) {
  background: url("../images/garage_back3.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__photo li:nth-child(4) {
  background: url("../images/garage_back4.jpg") center no-repeat;
  background-size: cover;
}
#garage.haus__photo li:nth-child(5) {
  background: url("../images/garage_back5.jpg") center no-repeat;
  background-size: cover;
}


#cube.haus__photo li:nth-child(1) {
  background: url("../images/cube_back1.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__photo li:nth-child(2) {
  background: url("../images/cube_back2.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__photo li:nth-child(3) {
  background: url("../images/cube_back3.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__photo li:nth-child(4) {
  background: url("../images/cube_back4.jpg") center no-repeat;
  background-size: cover;
}
#cube.haus__photo li:nth-child(5) {
  background: url("../images/cube_back5.jpg") center no-repeat;
  background-size: cover;
}


#cubef.haus__photo li:nth-child(1) {
  background: url("../images/cube_back1.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__photo li:nth-child(2) {
  background: url("../images/cube_back2.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__photo li:nth-child(3) {
  background: url("../images/cube_back3.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__photo li:nth-child(4) {
  background: url("../images/cube_back4.jpg") center no-repeat;
  background-size: cover;
}
#cubef.haus__photo li:nth-child(5) {
  background: url("../images/cube_back5.jpg") center no-repeat;
  background-size: cover;
}


#piatto.haus__photo li:nth-child(1) {
  background: url("../images/cube_back2.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__photo li:nth-child(2) {
  background: url("../images/piatto_back2.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__photo li:nth-child(3) {
  background: url("../images/piatto_back3.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__photo li:nth-child(4) {
  background: url("../images/cube_back4.jpg") center no-repeat;
  background-size: cover;
}
#piatto.haus__photo li:nth-child(5) {
  background: url("../images/piatto_back5.jpg") center no-repeat;
  background-size: cover;
}


.haus__photo li .left,
.haus__photo li .right {
  vertical-align: middle;
  //display: inline-block;
}

.haus__photo li .table {
  text-align:center;
  width:86%;
  height:19.5vw;
}
.haus__photo li .table:nth-child(1) {
  border-bottom: 1px solid #fff;
  padding-top:7vw;
  margin-top: 4vw;
}
.haus__photo li .table:nth-child(2) {
  padding-top:5.5vw;
}

.haus__photo li .right .table {
  width:86%;
  margin-left:14%;
}

.haus__photo h3 {
  letter-spacing: .2rem;
}

.haus__photo li .left:nth-child(1) {
  width:60%;
}
.haus__photo li .left:nth-child(2) {
  width:40%;
}
.haus__photo li .right:nth-child(1) {
  width:40%;
}
.haus__photo li .right:nth-child(2) {
  width:60%;
}



h1 .small{
  font-size:2.6rem !important;
}
h2 .small{
  font-size:1.4rem !important;
}

.haus_plan table {
  width:100%;
  line-height:1.6;
}

.haus_plan table td {
  border: 1px solid #000;
  vertical-align: middle;
  text-align:center;
  padding:.5vw;
}



.haus_plan li table {
  width:calc(100% - 1vw);
  line-height:1.6;color:#fff;
  margin: .5vw;
}

.haus_plan li table td {
  border: 1px solid #fff;
  vertical-align: middle;
  text-align:center;
  padding:.5vw;
}

.haus_plan li table h1 {
  font-size:4.4rem;
  line-height:1.2;
  letter-spacing: 0;
}
.haus_plan li table h3 {
  font-size:1.8rem;
  line-height:1.0;
}

#garage.haus_plan .twin li:nth-child(1),
#cubef.haus_plan .twin li:nth-child(1),
#cube.haus_plan .twin li:nth-child(1) {
  background: url("../images/garage_06.jpg") center;
  background-size: cover;
}
#garage.haus_plan .twin li:nth-child(2) {
  background: url("../images/cubef_04.jpg") center;
  background-size: cover;
}
#cube.haus_plan .twin li:nth-child(3) {
  background: url("../images/cube_09.jpg") center;
  background-size: cover;
}
#cubef.haus_plan .twin li:nth-child(2) {
  background: url("../images/cubef_03.jpg") center;
  background-size: cover;
}
#piatto.haus_plan .three li {
  background: url("../images/garage_06.jpg") center;
  background-size: cover;
}
#piatto.haus_plan .fifth li {
  background: url("../images/cubef_05.jpg") center;
  background-size: cover;
}


/*====================================================================
.s_09 .accordion_one
====================================================================*/

.accordion_header img {
  width:100%;
}
.hidden_area {
  position: relative;
  display: block;
  width:100%;
  height:55.7vw;
  overflow:hidden;
}

.accordion_area .accordion_one {
  cursor: pointer;
}

.accordion_one .accordion_header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width:14.285%;
  height:55.7vw;
  float: left;
  color: #fff;
  padding: 0;
  z-index: +1;
  transition-duration: 0.2s;
  background: url("../images/menu_earth.jpg") center no-repeat;
  background-size: cover;
  z-index:1;
}

.accordion_one:nth-of-type(2) .accordion_header {
  background: url("../images/menu_degign.jpg") center no-repeat;
  background-size: cover;
}
.accordion_one:nth-of-type(3) .accordion_header {
  background: url("../images/menu_concept.jpg") center no-repeat;
  background-size: cover;
}
.accordion_one:nth-of-type(4) .accordion_header {
  background: url("../images/menu_insulat.jpg") center no-repeat;
  background-size: cover;
}
.accordion_one:nth-of-type(5) .accordion_header {
  background: url("../images/menu_kitchin.jpg") center no-repeat;
  background-size: cover;
}
.accordion_one:nth-of-type(6) .accordion_header {
  background: url("../images/menu_guarant.jpg") center no-repeat;
  background-size: cover;
}
.accordion_one:nth-of-type(7) .accordion_header {
  background: url("../images/menu_craft.jpg") center no-repeat;
  background-size: cover;
}

.accordion_one .accordion_header:hover {
  filter: brightness(.7);
}

.accordion_one .accordion_inner {
  float: left;
  width: 85.715%;
  height:55.7vw;
  overflow: hidden;
  display: none;
  padding: 0;
}

.hide_tggle{
  display:none !important;
  width:0 !important;
  height:54vw;
}
.slide_back{
  position: absolute;
  z-index:0;
  width: 85.715%;
  margin-left:14.285%;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  box-sizing: border-box;
}


.method h1 {
  line-height:1;
  margin-bottom: 0;
}

.method .concept li:nth-child(1) {
  padding:0vw 8vw;
}

.method li .accordion_header {
  background: url("../images/menu_earth_w.jpg") center no-repeat;
  background-size: cover;
  width:100%;
}
.method li:nth-of-type(2) .accordion_header {
  background: url("../images/menu_degign_w.jpg") center no-repeat;
  background-size: cover;
  width:100%;
}
.method li:nth-of-type(3) .accordion_header {
  background: url("../images/menu_concept_w.jpg") center no-repeat;
  background-size: cover;
}
.method li:nth-of-type(4) .accordion_header {
  background: url("../images/menu_insulat_w.jpg") center no-repeat;
  background-size: cover;
}
.method li:nth-of-type(5) .accordion_header {
  background: url("../images/menu_kitchin_w.jpg") center no-repeat;
  background-size: cover;
}
.method li:nth-of-type(6) .accordion_header {
  background: url("../images/menu_guarant_w.jpg") center no-repeat;
  background-size: cover;
}
.method li:nth-of-type(7) .accordion_header {
  background: url("../images/menu_craft_w.jpg") center no-repeat;
  background-size: cover;
}


@media screen and (max-width: 1024px) {
  .accordion_one .accordion_header {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .accordion_one .accordion_header {
    justify-content: flex-start;
    font-size: 16px;
  }
}


/* LIST
------------------------------------------------------------*/

.one li {
  display: block;
  width:100%;
  height:55vw;
}


.twin {
  width:100%;
  position: relative;
}
.twin li {
  display: block;
  width:48%;
  float:left;
}
.twin li:nth-child(odd) {
  margin-right:2% ;
  margin-bottom:1vw ;
}
.twin li:nth-child(even) {
  margin-left:2% ;
  margin-bottom:1vw ;
}


.fifth {
  width:100%;
  position: relative;
}
.fifth li {
  display: block;
  width:19%;
  margin-right:1% ;
  float:left;
}
.fifth li:last-child {
  margin-right:0 ;
  margin-bottom:1vw ;
}

.three {
  width:100%;
  position: relative;
}
.three li {
  display: block;
  width:32%;
  float:left;
  margin-bottom:1vw ;
  margin-right:2%;
}
.three li:nth-child(3n) {
  margin-right:0;
}


.content [data-list-type="blog02"]  {
  list-style: none;
  padding-left:0;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

ul > li:before {
    background-color: transparent!important;
}

.content [data-list-type="blog02"] li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    list-style: none;
    margin-bottom: 6vw;
    text-align:left;
}

.content [data-list-type="blog02"] li a {
    position: relative;
    text-decoration: none;
    display: block;
}

.content [data-list-type="blog02"] [data-blog-type="thumbnail"] {
  display: block;
  width: 100%;
  height: 0;
  padding-top: 60% !important;
  margin-bottom: 1.5vw;
  position: relative;
  overflow: hidden;
  background: #000;
  line-height: 0;
}

.content [data-list-type="blog02"] [data-blog-type="date"] {
  font-size: 2.6rem;
  line-height: 3.8rem;
}
.content [data-list-type="blog02"] [data-blog-type="date"] span {
  font-size: 2.0rem;
  padding-left:.5vw;
}

.content [data-list-type="blog02"] .list_icon {
  font-size: 1.2rem;
  border: 1px solid rgb(119, 119, 119);
  padding: 0.3vw 0.6vw;
  margin-left: 0.8vw;
}
.content [data-list-type="blog02"] .list_icon.left {
  margin-right: 0.8vw;
  margin-left: 0;
}

.content [data-list-type="blog02"] [data-blog-type="title"] {
    font-size: 1.2rem;
    line-height: 1.6;
    position: relative;
    display: block;
    margin-bottom: .8vw;
}


.content [data-list-type="blog02"] li [data-blog-type="add"] {
    color: #000;
    font-size: 1.1rem;
    margin-top: 0.5em;
}

.content [data-list-type="blog02"] [data-blog-type="description"] {
    color: #000;
    font-size: 1.1rem;
    margin-top: 0.5em;
    line-height: 1.6;
}

.content [data-list-type="blog02"] [data-blog-type="thumbnail"] img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 auto;
    width: 100%;
    height: auto;
    -webkit-transform: scale(1, 1) translate(-50%, -50%);
    transform: scale(1, 1) translate(-50%, -50%);
    opacity: 1;
    -webkit-transform-origin: 0, 0;
    transform-origin: 0, 0;
    -webkit-transition: opacity 600ms, -webkit-transform 600ms;
    transition: opacity 600ms, -webkit-transform 600ms;
    transition: transform 600ms, opacity 600ms;
    transition: transform 600ms, opacity 600ms, -webkit-transform 600ms;
}
.content [data-list-type="blog02"] a [data-blog-type="thumbnail"] img:hover {
    -webkit-transform: scale(1.05, 1.05) translate(-47.5%, -47.5%);
    transform: scale(1.05, 1.05) translate(-47.5%, -47.5%);
    opacity: .8;
}

.content .end {
  position: relative;
  background-color: #000;
}
.content .end img {
  opacity: .5 !important;
}
.content .end h1{
  position: absolute;
  text-align:center;
  display: block;
  color:#fff;
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
  font-size: 2.6rem;

  line-height: 1rem;
  letter-spacing: .5rem;
  z-index:9;
  margin: auto;
  right:0;left:0;top:45%;
}


.sold {
  position: absolute;
  pointer-events: none;
  display: block;
  padding:5% 0;
  color:#fff;
  bottom:20%;
  z-index:2;
  text-align:center;
  width:100%;
  background-color: rgba(120, 0, 0, 0.8);
}

.sold h1{
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 4rem;
  font-weight: bold;
  line-height: 4.0rem;
  letter-spacing: 5px;
  margin: 0;
}
.sold .haus-sold {
  font-family: "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif, sans-serif;
  font-size: 1.1rem;
  line-height: 2.0rem;
  color:#fff;
  text-align:center;
}

.sold.inq {
  padding:1% 0;
  bottom:0;
  background-color: rgba(50, 100, 100, 0.8);
}

/* hiraya
------------------------------------------------------------*/

.title_hiraya {
  position: relative;
  width:20vw;
  margin: 0 auto;
  left:0;right:0;
}

#hiraya .border {
  border:0;
  border-bottom: 1px solid #000;
  font-size:2.0rem;
  font-weight: 300;
  padding:0;
  width:auto;
}

big {
  font-size:5.0rem;
}


.slick-slide {
  height:auto !important;
}

/* model
------------------------------------------------------------*/

.title_model {
  position: absolute;
  width:35vw;
  margin: 0;
  top: 9vw;
  right:8vw;
  z-index:9;
}

.order_tit{
  width:40vw;
}


.modelroom__section .slick-slider {
  width:100%;
  max-width:100%;
  margin: 0 auto;
  left:0;right:0;
}

.priduct__section ul li.model{
  position: relative;
  background: url("../images/model_back.jpg") left no-repeat;
  background-size: cover;
}

.priduct__section ul li.model .kind {
  width:50%;
  max-width:100%;
  padding-top: 0;
  padding:5vw;
  margin-left:50%;
}

#model__section .content_sub{
  margin: 5vw auto 0;
  width:50%;
  max-width:800px;
  text-align:center;
}

.mtype li,
.mvoice li {
  width:50%;
  float:left;
}

.mtype li:nth-child(1) div {
  background:#bfb499;
  padding:5vw;
}
.mtype li:nth-child(2) div {
  background:#d8d6cc;
  padding:5vw;
}

.mtype li a {
  text-decoration:none;
  color:#000;
}
.bot-hoshou a:hover {
  opacity: 10;
}

.mtype li h1 {
  font-size:4vw;
  line-height: 5vw;
}

.mtype li small {
  font-size:1.2vw;
}

.mtype li .haus {
  width:12vw;
}

.mtype li img {
  vertical-align: bottom;
  bottom:0;
}

.modelroom__section .content{
  width:90%;
}

.modelroom__section h1 {
  font-size:3.5vw;
  letter-spacing: 0.2vw;
  line-height: 6.0vw;
  margin: 0 auto 1vw;
}
.modelroom__section h2 {
  font-size:2.0vw;
  letter-spacing: 0.4vw;
  line-height: 4.0vw;
}


.modelroom__section .subtitle {
  display: flex;
  align-items: center;
  width:100%;
  height:18vw;
  overflow:hidden;
  background: url("../images/model_obi.svg") bottom center no-repeat;
  background-size: 46vw 18vw;

  font-size:1.8vw;
}
.modelroom__section .subtitle::before,
.modelroom__section .subtitle::after {
  content: '';
  display: block;
  width: calc(50% - 23vw);
  height: 2px;
  background: #000;
}
.modelroom__section .subtitle h1 {
  font-size:4.2vw;
  line-height: 5vw;
}

.modelroom__section .logo-y {
  width:45%;
  margin-bottom: 6vw;
}



.mvoice li {
  padding:3vw 1vw;
}
.movie_waku {
  position: relative;
  width: 98%;
  padding-top: 55.125%;
  margin: auto;
}
.movie_waku iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.container .slide_waku img {
  height:52vw;
}

.container .thumbnail-img img {
  width:100%;
  height: auto;
  padding: .5vw;
  margin-top: 2vw;
}



.slide-arrow {
  bottom: 0;
  top:0;
  height: 0;
  margin: auto;
  position: absolute;
  z-index:9;
  width: 5vw;
}
.slider2 .slide-arrow,
.slider4 .slide-arrow {
  top:auto;
  bottom:3vw;
}
.prev-arrow {
  display:none !important;
  left: -1vw;
  height: calc(10vw / 2);
  width: 7vw;
  clip-path: polygon(100% 0, 100% 100%, 50% 50%);
  background: #fff;
  border:0;
  cursor: pointer;
}
.next-arrow {
  right: -1vw;
  height: calc(10vw / 2);
  width: 7vw;
  clip-path: polygon(0 0, 50% 50%, 0 100%);
  background: #fff;
  border:0;
  cursor: pointer;
}

.thum_waku img {
  cursor: pointer;
}

.thum_waku button {
  display:none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  outline: none !important;
  padding: 0 !important;
}

.hoshou li {
  display: block;
  width:33%;
  float:left;
  padding:1vw;
  color:#fff;

  font-size:2.5vw;
  letter-spacing: 0.5vw;
  line-height: 5.0vw;
  font-weight:300;
}

.hos {
  display: block;
  width:100%;
  padding:2vw;
  color:#fff;

  font-size:2.5vw;
  letter-spacing: 0.5vw;
  line-height: 5.0vw;
  font-weight:300;
}
.hos h1 {
  font-family: YuGothicM;
  margin: 0 auto;
  font-size: 3.0vw;
  letter-spacing: 0.4vw;
  line-height: 4.5vw;
}
.hos div{
  display:table-cell;
  vertical-align: middle;
}
.hos div:nth-child(1){
  width:35%;
  text-align:center;
  border-right:1px solid #fff;
  font-size:3.5vw;
}
.hos div:nth-child(2){
  width:65%;
  text-align:left;
  padding-left:10vw;
}

.hoshou li:nth-child(1),
.hoshou01 {
  background: linear-gradient(to right, #aca000, #5b5300);
}
.hoshou li:nth-child(2),
.hoshou02 {
  background: linear-gradient(to right, #f8b600, #8b5b17);
  margin: 0 .5%;
}
.hoshou li:nth-child(3),
.hoshou03 {
  background: linear-gradient(to right, #6fba2c, #043f00);
}
.hoshou li h1{
  margin: 0 auto;
  font-size: 3.8vw;
}
.hoshou hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #FFF;
}

.bot-hoshou {
  display: block;
  width:90%;
  background:#f39800;
  color:#fff;
  float:left;
  padding:.5vw;
  margin: 1vw 5%;
}
.bot-hoshou a {
  text-decoration:none;
  color:#fff;
}
.bot-hoshou a:hover {
  opacity: 10;
}
.bot-hoshou:hover{
  background:#000066;
}
.bot-hoshou dl {
  display: flex;
  width:100%;
  border: 1px solid #FFF;
  padding:1.5vw;
}
.bot-hoshou dt {
  display: table;
  width:25%;
  margin: auto;
}
.bot-hoshou dd {
  display: table;
  width:auto;
}
.bot-hoshou img {
  width:100%;
}
.bot-hoshou h1 {
  line-height: 5vw;
  margin: auto;
}
.model_ticket{
  width:90%;
  margin: 2vw auto;
}


/* bunjyo
------------------------------------------------------------*/

.c-hero {
  position: relative;
  width: 100%;
  margin: -1px  auto 0;
  height: 55vw;
}
@media screen and (max-width: 767px) {
  .c-hero {
    min-width: 0;
    height: 121vw
  }
}
.c-hero v-slideshow {
  display: none;
}
.c-hero__slide {
  position: relative;
  width: 100%;
  z-index: 0;
  height: 100%;
  color:#fff;
}
.c-hero__slide > div {
  height: 100%;
  opacity: 1;
}
.c-hero__slide > div[data-v-slideshow-state="ready"] {
  opacity: 0;
}
.c-hero__slide > div[data-v-slideshow-state="waiting"] [data-state="current"] > div,
.c-hero__slide > div[data-v-slideshow-state="waiting"] [data-state="prev"] > div,
.c-hero__slide > div[data-v-slideshow-state="transiting"] [data-state="current"] > div,
.c-hero__slide > div[data-v-slideshow-state="transiting"] [data-state="prev"] > div {
  -webkit-transform: translateX(-80px);
  transform: translateX(-80px);
  -webkit-transition: -webkit-transform 10000ms linear;
  transition: -webkit-transform 10000ms linear;
  transition: transform 10000ms linear;
  transition: transform 10000ms linear, -webkit-transform 10000ms linear;
}
@media screen and (max-width: 767px) {
  .c-hero__slide > div[data-v-slideshow-state="waiting"] [data-state="current"] > div,
  .c-hero__slide > div[data-v-slideshow-state="waiting"] [data-state="prev"] > div,
  .c-hero__slide > div[data-v-slideshow-state="transiting"] [data-state="current"] > div,
  .c-hero__slide > div[data-v-slideshow-state="transiting"] [data-state="prev"] > div {
    -webkit-transform: translateX(-40px);
    transform: translateX(-40px)
  }
}
.c-hero__slide > div[data-v-slideshow-state="waiting"] [data-v-slideshow="tablist"] li a[aria-selected="true"]::before {
  width: 100%;
  -webkit-transition: width 4000ms;
  transition: width 4000ms;
}
.c-hero__slide > div > div:first-child {
  height: 100%;
}
.c-hero__slide > div > div:first-child ul {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
}
.c-hero__slide > div > div:first-child ul li {
  display: block;
  height: 100%;
  overflow: hidden;
}
.c-hero__slide > div > div:first-child ul li > div {
  width: calc(100vw + 80px);
  height: 100%;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media screen and (max-width: 767px) {
  .c-hero__slide > div > div:first-child ul li > div {
    width: calc(100vw + 40px);
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.c-hero__slide > div > div:first-child ul li > div picture {
  display: block;
}
.c-hero__slide > div > div:first-child ul li > div img {
  width: 100%;
}
.c-hero__slide [data-v-slideshow="tablist"] {
  position: absolute;
  bottom: 40px;
  right: 50%;
  left: 50%;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-hero__slide [data-v-slideshow="tablist"] li {
  margin: 0 5px;
  list-style: none;
}
.c-hero__slide [data-v-slideshow="tablist"] li a {
  display: block;
  position: relative;
  height: 1px;
  width: 15px;
  background: #fff;
}
.c-hero__slide [data-v-slideshow="tablist"] li a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: " ";
  height: 1px;
  width: 0;
  background: #000;
  -webkit-transition: width 1800ms;
  transition: width 1800ms;
}
.c-hero__slide [data-v-slideshow="tablist"] li a span {
  display: none;
}

.sold_out{
text-align: center;
width: 100%;
background-color: rgba(214,0,0,0.85);
color: #fff;
padding: 2vw;
line-height: 1.8
}
.sold_out strong{font-family: "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif;
font-size: 6rem;}
.sold_out span{font-size: 2rem;}


/* reserve
------------------------------------------------------------*/

.bge-contents h4, .c-content-main h4 {
  font-size:1.4rem;
  margin: 1vw 0 2vw;
  background: #f6eee5;
  padding: 1vw 2vw;
}


/* haus__wrap
------------------------------------------------------------*/

.gray {
  background:#c8c8c3;
  color:#fff;
}

.dgray {
  background:#5c5a5a;
  color:#fff;
}

.haus_tit {
  position: absolute;
  width:100%;
  text-align:center;
  margin: -28.5vw auto 0;
  z-index:9;
}

.haus_tit img {
  width:50vw;
  margin: 0 auto 0;
  left:0;right:0;
}

.gos {
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 2.8rem;
  font-weight:bold;
}

.haus_tit_t {
  position: relative;
  width:100%;
  height:auto;
  background: #c8c8c3;
  padding:25px 0 15px;
  color:#fff;
  text-align:center;
}
.haus_tit_t img{
  width:140px;
  margin: 0 auto 0;
  left:0;right:0;
}

.haus__content p{
  line-height: 4rem;
  letter-spacing: .2rem;
}

.pick_tit{
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  letter-spacing: 1.2rem;
  margin: 6rem auto 4rem;
  font-size: 2.7rem;
  text-align:center;
  line-height:4.0rem;
}



.article-card {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.article-card-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.article-card-scroll::-webkit-scrollbar{
  display: none;
}

.article-card-item {
    max-width: 290px;
    min-width: 290px;
}
.article-card.article-card-scroll .article-card-item:nth-of-type(1), .article-card3.article-card-scroll .article-card-item:nth-of-type(3n+1) {
    margin-left: 10px !important;
}
.article.article-card-item.build-card {
    width: 100%;
    margin: 20px 0 20px 10px;
}

.article-card-item-inner {
display: block;
}

div[data-href] {
    cursor: pointer;
}
.article-card-photo {
    border: 0;
}
.article-card-photo {
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #eee;
    background: #fff;
}


.fif{
  font-size:4.2rem;
  font-weight:bold;
}


.reserve{
  width:100%;
}
.reserve li{
  position: relative;
  float:left;
  height:20vw;
}
.reserve li a{
  text-align:center;
  color:#fff;
  font-size:3.5rem;
  display:block;
  height:100%;
  padding-top:2.0vw;
  line-height:5.0rem;
}
.reserve li:only-child {
  width:calc(100% - 2vw);
  margin: 1vw 1vw;
}
.reserve li:nth-last-child(2),
.reserve li:first-child:nth-last-child(2) ~ * {
  width:calc(50% - 2vw);
  margin: 1vw 1vw;
}
.reserve li:nth-last-child(3),
.reserve li:first-child:nth-last-child(3) ~ * {
  width:calc(33% - 2vw);
  margin: 1vw 1vw;
}
.reserve li.blue::before,
.reserve li.orange::before,
.reserve li.green::before
{
  content: "";
  position: absolute;
  left:0;
  background-size: auto 100%;
  height:100%;
  width:100%;
  z-index:-1;
}

li.orange::before{
  background: url("../images/bot_res_b.png") 0 50% no-repeat;
}
li.blue::before{
  background: url("../images/bot_res_s.png") 0 50% no-repeat;
}
li.green::before{
  background: url("../images/bot_res_l.png") 0 50% no-repeat;
}

.reserve li:hover{
  filter: grayscale(100%);
}


.bunjyo_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

  width:calc(100% - 100px);
  max-width:1000px;
  margin: 0 auto;
  left:0;right:0;
}

.bot_res:hover{
  filter: grayscale(100%);
}

.haus__content-title {
  margin: 0 auto;
  width:100%;
  height:30vw;
}

.map_disp{
  width:100%;
  max-width:800px;
  margin: 0 auto;
}
.map_disp table{
  width:100%;
  margin: 0 auto;
}
.map_disp table th,
.map_disp table td {
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  border: 1px solid #fff;
  letter-spacing: 0rem;
  font-size: .8rem;
  text-align:center;
  color:#fff;
  margin: 0;
  padding:5px;
}
.map_disp table th{
  background:#fff;
  color:#5c5a5a;
}

.map_disp dl {
  position: relative;
  margin: 2px;
  width:calc(25% - 4px);
  float:left;
}

.map_disp dt img{
  vertical-align: bottom;
}

.map_disp dl dd {
  position: absolute;
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: .8rem;
  color:#fff;
  right:5px;
  bottom:5px;
}
.map_disp dl.thum {
  width:100%;
}


.map_list td {
  font-size: 1.0rem !important;
  border:0 !important;
  text-align:left !important;
}

.movie_waku {
  position: relative;
  width: 98%;
  padding-top: 55.125%;
  margin: auto;
  margin-bottom:150px;
  margin-top:4rem;
}
.movie_waku iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.movie_waku.sml {
  width: 80%;
  padding-top:45%;
}

.icon{
  width:16px;
  margin-right:.5em;
}


/*** スライダーCSS ***/

.slick-slider {
  width:calc(100% - 100px);
  //max-width:1000px;
  margin: 0 auto;
  left:0;right:0;
}
.slwaku-mini{
  margin: 0 5px;
}

#slider_min .slick-arrow {
  width: 0;
  height: 0;
  background-color: #fff;
  cursor: pointer;
  border: none;
  outline: none;
  font-size: 0;
  position: absolute;
  top: 15%;
  z-index: 1;
}

#slider_min .slick-next {
  right: -15px;
}
#slider_min .slick-prev {
  left: -55px;
}
#slider_min .slick-next::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 40px solid #c9c6c6;
  border-right: 0;
}
#slider_min .slick-prev::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 40px solid #c9c6c6;
  border-left: 0;
}

.slwaku-mini{
  margin: 0 auto;
  text-align:center;
  line-height:1.5rem;
  padding:0 5px;
  text-align:center;
}
.slwaku-mini .waku{
  position: absolute;
  z-index:9;
  color:#fff;
  border: 1px solid #fff;
  padding:.3vw 2vw;
  margin: 1vw;
  bottom:0;
  text-align:center;
  width:calc(100% - 2vw);
  pointer-events:none;
  text-align: justify;
  text-align-last: justify;
}
.slwaku-mini .photo{
  position: relative;
  margin-bottom: 15px;
}
.slwaku-mini .tit{
  width:100%;
  padding: 5px 10%;
  pointer-events:none;
}



/*** 以下モーダル用CSS ***/
.modal{
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index:997;
}
.modal:not(:target) {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.5s, visibility 0.5s;
}
.modal:target{
  opacity: 1;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
}
.modal .overlay{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #000;
  opacity: 0.7;
  top: 0;
  left: 0;
  z-index:998;
}
.modal-wrapper{
  width: 90%;
  max-width: 800px;
  min-width: 300px;
  background-color: #fff;
  position: absolute;
  z-index:999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.modal-contents{
  overflow: auto;
  width: 100%;
  box-sizing: border-box;
  position: relative;
}
.modal-content{
  margin: 25px;
}
.modal-close{
  position: absolute;
  top: 5px;
  right: 10px;
  text-decoration: none;
}


@media screen and (max-width: 768px) {

  .slwaku{
    position: relative;
    padding-top:250px;
  }
  .slwaku img {
    height:auto;
    width:100%;
  }

  .haus__wrap {
    margin-bottom: 3.25em;
    padding: 0 4vw;
    width: 100%;
  }
  .haus__wrap2 {
    padding: 0 4vw;
    width: 100%;
  }

  .pick_tit{
    padding: 0 4vw;
  }

  .c-hero.haus {
      height: 100vw;
  }
  .c-hero.haus .c-hero__slide > div > div:first-child ul li > div img {
    width: auto;
    height: 100vw;
  }

  .haus__wrap h3{
    font-size: 2.0rem;
    line-height:3.0rem;
  }


  .map_disp dl {
    width:calc(50% - 4px);
  }

  .haus__content p{
    line-height: 3rem;
    letter-spacing: .1rem;
  }

  .bunjyo_link {
    display: block;
    width:100%;
  }

  .left {
      margin-right: 0;
  }
  .right {
      margin-left: 0;
  }


  .reserve li{
    height:160px;
  }
  .reserve li a{
    font-size:3.0rem;
    padding-top:4.5vw;
    line-height:4.0rem;
  }
  .reserve li:nth-last-child(2),
  .reserve li:first-child:nth-last-child(2) ~ * {
    width:calc(100% - 20px);
  }
  .reserve li:nth-last-child(3),
  .reserve li:first-child:nth-last-child(3) ~ * {
    width:calc(100% - 20px);
  }

  .c-content-main [data-list-type="blog02"] li {
      width: 100%;
      margin: 0 48px 10px 0;
  }
  .c-content-main [data-list-type="blog02"] li:nth-of-type(3n) {
    margin: 0 0 0 0;
  }
}

@media screen and (max-width: 576px) {
  .haus__wrap {
      font-size: 4.26667vw;
  }
}



/* POINT
------------------------------------------------------------*/

.haus__content-title {
  position: relative;
  color:#fff;
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  letter-spacing: .2em;
  margin: 0 auto;
  font-size: 2.0rem;
  text-align:center;
  font-weight:bold;
  line-height:2.8rem;
  padding-top:100px;
}

.haus__content-title .point_tit {
  position: absolute;
  margin: auto;
  left:0;right:0;
  bottom:0;
  width:280px;
}
.haus__content-title .tit {
  width:100%;
  margin: 5px auto;
}
.haus__content-title .white{
  display:block;
  width:80%;
  padding:15px 0;
  background:#fff;
  color:#5c5a5a;

  letter-spacing: .2em;
  margin: 0 auto;
  font-size: 1.4rem;
  text-align:center;
  line-height:2.0rem;
}

.wrap{
    padding-top: 3rem;
    padding-bottom: 3rem; 
}

.bak{
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-weight:bold;
}

.Psec {
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 1.4rem;
  text-align:center;
  line-height:2.2rem;
}

.Psec li img {
  border:1px solid #aaa;
}

.quarter li {
  width:calc(24% - 6px);
  margin: 0 6px 50px;
  float:left;
}
.five li {
  width:calc(24% - 6px);
  margin: 0 6px 10px;
  float:left;
}
.five li:nth-child(1) {
  width:calc(50% - 6px);
  margin: 0 6px 0px;
  float:left;
}
.two li {
  width:calc(50% - 12px);
  margin: 0 6px 20px;
  float:left;
}

.twofive li {
  width:calc(50% - 12px);
  margin: 0 6px 20px;
  float:left;
}
.twofive li:nth-child(3),.twofive li:nth-child(4),.twofive li:nth-child(5) {
  width:calc(33.33% - 12px);
  margin: 0 6px 20px;
  float:left;
}

.Psec2 {
  text-align:center;
}
.Psec2 li {
  width:100%;
}
.Psec2 li:nth-child(1) img{
  width:40%;
  margin: 0 auto 20px;
}
.Psec2 li:nth-child(2) {
  width:30%;
  margin: 0 5% 0 15%;
  float:left;
}
.Psec2 li:nth-child(3) {
  width:30%;
  margin: 0 15% 0 5%;
  float:left;
}

.schedule{
  width:80%;
  margin: 0 10%;
  text-align:center;
}
.schedule dt{
  display:block;
  border:2px solid #000;
  width:100%;
  padding:20px;
  font-weight:bold;
  font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  font-size: 2.0rem;
}
.schedule img{
  width:90%;
  margin: 50px 5% 0;
}

@media screen and (max-width: 768px) {

  .haus__content-title {
    height:230px;
  }

  .Psec {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .quarter li {
    width:calc(50% - 12px);
    margin: 0 6px 20px;
    float:left;
  }
  .five li {
    width:calc(50% - 12px);
    margin: 0 6px 20px;
    float:left;
  }
  .five li:nth-child(1) {
    width:calc(100% - 12px);
    margin: 0 6px 12px;
    float:auto;
  }

  .Psec2 li:nth-child(1) img{
    width:90%;
    margin: 0 auto 20px;
  }
  .Psec2 li:nth-child(2),
  .Psec2 li:nth-child(3) {
    width:90%;
    margin: 0 5%;
    float:auto;
  }
  .schedule{
    width:100%;
    margin: 0;
  }
  .schedule dt{
    width:auto;
    padding:0;
  }
  .schedule img{
    width:100%;
    margin: 50px auto;
  }
  .wrap{
      padding-top: 1rem;
      padding-bottom: 1rem; 
  }
  .pick_tit{
    margin: 6rem auto 1rem;
  }

  .Psec li,.Psec2 li{
    text-align:left;
  }


  .movie_waku {
    margin-bottom:0;
    margin-top:4rem;
  }

  .py-10{
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-6{
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .pb-6{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .pt-6{
    padding-top: 1rem !important;
  }
}



/* footer
------------------------------------------------------------*/

.c-hero__slide {
  position: relative;
  margin: 0 auto;
  width: 100%;
  z-index: 0;
  height:100%;
  background-color:#231816;
}
.c-hero_slide_top{
  width:100%;
  overflow:hidden;
  background: url("../images/top2.jpg") bottom center no-repeat;
  background-size: 100% 100%;
}
.c-hero_slide_bottom{
  width:100%;
  vertical-align: bottom;
  padding-top:28%;
  background: url("../images/top1.jpg") top center no-repeat;
  background-size: 100%;
}


#footer .footmenu {
  width:100%;
}
#footer .footmenu li {
  float:left;
  width:33%;
  text-align:center;
}
#footer .footmenu li a {
  color:#fff;
}

#footer .sns {
  width:14vw;
  margin: auto;
}
#footer .sns li {
  float:left;
  width:6vw;
  margin: 0 .5vw;
}
#footer .tel {
  width:40vw;
}
#footer .flogo {
  width:16vw;
}


/* news
------------------------------------------------------------*/

.news__section h1 {
  line-height:1;
}
.news__section p {
  font-size:1.6rem;
  letter-spacing: .2rem;
}
.news__section h1 {
  float:left;
  padding-right:3vw;
}
.subtit {
  margin-top: -.5vw;
}

.news__section .news li {
  margin-bottom: 2vw;
}

.news dt {
  background-color: #3e3a39;
  color:#fff;
  width:20vw;
  font-family: icons;
  letter-spacing: .2rem;
  font-size: 0.9rem;
  display: inline-block;
}
.news dd {
  width:calc(100% - 21vw);
  display: inline-block;
  padding-left:2vw;
}

.news dt div {
  position: relative;
  z-index: 1;
  width:50%;
  display: inline-block;
  text-align:center;
}
.news dt div:nth-child(1) {
  background: linear-gradient(to right, #7a7327, #403900);
  letter-spacing: .5rem;
}



/* blog
------------------------------------------------------------*/

.news-box {
    position: relative;
    width:100%;
    margin:0 auto;

    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.scroll_content { /* リスト全体のスタイル */
  position: relative;
  display: flex;
  width:100%;
  margin:0 auto;
  overflow-x: auto;
}
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}

@media screen and (max-width: 767px) {
  .scroll_content li { /* 各リストのスタイル */
    width: 63% !important;
    flex-shrink: 0;
    list-style: none;
  }
}

.list li {
  position: relative;
  display:inline-block;
  text-align: left;
  width:31.5%;
  margin:0 2.0% 10vw 0;
  vertical-align:top;
}
.list li:nth-of-type(3n){
  margin-right:0;
}
.list li:hover {
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
  opacity: 0.8;
}

.list li hr{
  position:absolute;
  bottom:-1.5vw;
  height: 0;
  width:100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #aaa;
}

.square-content {
  width:100%;
  padding-top:60%;
  position:relative;
  overflow: hidden;
}
.square-content span {
  top:0;right:0;bottom:0;left:0;
  position:absolute;
    display: block;
    background-size: cover;
    background-position: center;
}

.list li.movie .square-content {
  border-radius: 15px;
}

.movie_waku {
  position: relative;
  width: 100%;
  padding-top: 55.125%;
  margin: auto;
  margin-bottom:0;
  margin-top:1vw;
}

.movie_waku iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 15px;
}



.list .home-copy{
  position: absolute;
  pointer-events: none;
  z-index:99;
  margin:auto;
  left:0;right:0;
  top:0;bottom:0;
}
.list .home-copy{
  width:25%;
}



/* blog view
------------------------------------------------------------*/
.blog-article-container{min-height:500px}
.blog-article-container img{max-width:100%;width:auto;height:auto}
.blog-article-container .sec img{max-width:100%;width: 800px;}
.blog-article-container .news-date{color:#767676;margin:0;display:block}

.blog-article-container .comment a{
  border-bottom:dotted 1px; 
}

.blog-article-container .comment,
.blog-article-container .comment p {
  //font-size:1.4rem;
  //line-height: 2.0;
  //letter-spacing: .05rem;
  margin-bottom:3vw;
}

.blog-article-container .title-wrapper {
  margin-bottom:4vw;
}

.blog-article-container .title-wrapper h1{
  font-size:2.4rem;
  line-height: 3.4rem;
  letter-spacing: .3rem;
  color:#000;
  font-weight: 600;
  border-left:solid 4px #000;
  padding-left:1vw;
  margin-left:0;
}

.blog-article-container h2 {
  font-size:1.8rem;
  line-height: 3.4rem;
  letter-spacing: 0rem;
  border-bottom:solid 3px #000;
  padding-top: 2vw;
  margin-bottom: 6vw;
}
.blog-article-container h3 {
  font-size:1.5rem;
  line-height: 2.8rem;
  letter-spacing: 0rem;
  font-weight: 600;

}
.blog-article-container h4 {
  font-size:1.0rem;
  line-height: 1.4rem;
  letter-spacing: 0rem;
  font-weight: 600;
}

.blog-article-container .index{
  width: 80%;
  padding: 1% 2% 3%;
  margin: -1rem 0;
  background-color: #E9E7E0;
  border-radius: 15px;
  font-size:1.2rem;
}
.blog-article-container .index hr{
  margin-bottom: 2%;
}
.blog-article-container .index li{
  text-align: left;
  font-weight: 600;
  padding-left: 2%;
}
.blog-article-container .index li a{
  border-bottom:dashed 1px #151A59;
}
.blog-article-container .index li div{
  color: #000;
}

.blog-article-container table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
  font-size: 1rem;
  line-height: 1.3rem;
}
.blog-article-container table th:first-child{
  border-radius: 5px 0 0 0;
}
.blog-article-container table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #151A59;
}
.blog-article-container table th{
  text-align: center;
  color:white;
  background: linear-gradient(#6c6f9a,#4d5288);
  border-left: 1px solid #151A59;
  border-top: 1px solid #151A59;
  border-bottom: 1px solid #151A59;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 1vw 0;
}
.blog-article-container table td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 1vw 0;
}
.blog-article-container table td:last-child{
  border-right: 1px solid #a8b7c5;
}

.blog-article-container table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.blog-article-container table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.blog-article-container .youtube {
  max-width:800px;
}
.blog-article-container .movie{
  max-height:450px;
}




/* 通常ボタン */
a.btn_contact,a.btn_other,a.btn_tenant{
  color: #FFF;
}
.btn_contact,.btn_other,.btn_tenant{
  color: #FFF;
  line-height: 2.0rem;
  cursor: pointer;
  background:#151A59;
  text-decoration: none;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
}
.btn_contact,.btn_other {
  display: inline-block;
  padding: 15px 60px 15px 60px;
}
.btn_contact:hover,.btn_other:hover {
  opacity:0.8;
}

.btn_other.blank{
  position:relative;
  color: #151A59;
  background:#e9e7e0;
  font-weight:bold;
  padding: 15px 70px 15px 50px;
}
.btn_other.blank:after{
  content:"";
  position:absolute;
  width:14px;
  height:14px;
  background:url(/images/common/icon_mlink.svg) no-repeat;
  background-size:contain;
  float:right;
  bottom: 23px;
  margin-left:0.3rem;
}


/*お問い合わせボタン*/
a.btn_contact.fa-chevron-circle-right {
  color: #FFF;
  margin-top: 4vw;
  //font-size:1.5rem;
}
.btn_contact.fa-chevron-circle-right {
  display: inline-block;
  padding: 1.5vw 6.0vw 1.5vw 6.0vw;
}


.btn_contact.fa-chevron-circle-right {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #f1b543;
  border: none;
  color: #fff !important;
  display: block;
  width: 90%;
  font-family: 'Hiragino Mincho Pro', 'Yu Mincho', 'Helvetica', 'YuGothic', 'YuGothicM', 'メイリオ', Meiryo, sans-serif;
  font-size: 2em;
  line-height: 2;
  padding: 1.3em 0.3em;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  transition: all .3s;
  margin-top: 1.5em;
  margin-bottom: 1em;
  margin-right:auto;margin-left:auto;
}
.btn_contact.fa-chevron-circle-right:hover {
  background: #daa032; /**/
}


.blog-next a.btn_contact{
  color: #000;
  width: 30%;
  background:#fff;
  border:1px solid #000;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  text-align: center;
}
.blog-next a.btn_contact:hover{
  color: #fff;
  background: #000;
}


.c-pagination {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 2.2rem;
  margin: 20px 0 0;
  overflow: hidden;
  text-align: center;
  font-family: "Ovo", "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif;
}
@media screen and (max-width: 576px) {
  .c-pagination {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .c-pagination.center {
    -webkit-box-align: center;
    justify-content: center;
  }
}
.c-pagination[data-pagination-type="localnav"] {
  padding-bottom: 66px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 1000px;
  margin: 0 auto;
  position: relative;
  padding-top: 20px;
}
@media screen and (max-width: 767px) {
  .c-pagination[data-pagination-type="localnav"] {
    width: 100%;
    padding: 0 4vw 32vw
  }
}
.c-pagination[data-pagination-type="localnav"] .c-pagination__back {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .c-pagination[data-pagination-type="localnav"] .c-pagination__back {
    width: 200px;
    top: calc(50% - 54px)
  }
}
@media screen and (max-width: 767px) {
  .c-pagination[data-pagination-type="localnav"] .c-pagination__back {
    bottom: 13.33333vw
  }
}
.c-pagination[data-pagination-type="localnav"] .c-pagination__next {
  margin-left: auto;
}
.c-pagination[data-blog-type="detail"] {
  margin-top: 50px;
  margin-bottom: 120px;
}
@media screen and (min-width: 768px) {
  .c-pagination[data-blog-type="detail"] {
    max-width: 780px;
    margin: 50px auto 120px
  }
}
@media screen and (max-width: 767px) {
  .c-pagination[data-blog-type="detail"] {
    margin-top: 6vw;
    margin-bottom: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4vw;
    font-size:1.5rem;
  }
}
@media screen and (max-width: 767px) {
  .c-pagination[data-blog-type="detail"] > div {
    margin-bottom: 1em
  }
}
.c-pagination a {
  background: none;
  color: currentColor;
  text-decoration: none;
  font-size: 0.88889em;
}
@media screen and (max-width: 767px) {
  .c-pagination__prev, .c-pagination__next {
    position: relative;
    width: auto
  }
}
.c-pagination__prev a, .c-pagination__next a {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  padding: 0 10px;
  position: relative;
}
.c-pagination__prev a[data-disabled="true"], .c-pagination__next a[data-disabled="true"] {
  opacity: .3;
  pointer-events: none;
}
.c-pagination__prev {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  z-index: 1;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-pagination__prev {
    width: calc(50% - 100px)
  }
}
.c-pagination__prev a {
  padding: 0 10px 0 15px;
}
.c-pagination__prev ::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: 1px;
  margin-right: 5px;
  border: 2px solid #000;
  border-width: 0 0 2px 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 300ms;
  transition: 300ms;
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -5px;
}
.c-pagination__prev:hover.c-pagination__prev::before {
  margin-right: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.c-pagination__next {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .c-pagination__next {
    width: calc(50% - 100px)
  }
}
.c-pagination__next a {
  padding: 0 15px 0 10px;
}
.c-pagination__next ::after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  vertical-align: 1px;
  margin-left: 5px;
  border: 2px solid #000;
  border-width: 2px 2px 0 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: 300ms;
  transition: 300ms;
  position: absolute;
  right: 2px;
  top: 50%;
  margin-top: -5px;
}
.c-pagination__next:hover.c-pagination__next::after {
  margin-left: 10px;
  -webkit-transition: 300ms;
  transition: 300ms;
}
.c-pagination__back {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}
@media screen and (min-width: 768px) {
  .c-pagination__back {
    width: 200px
  }
}
@media screen and (max-width: 767px) {
  .c-pagination__back {
    margin: 0
  }
}
.c-pagination__back a {
  display: inline-block;
  padding: 20px 30px 18px;
  min-width: 200px;
  font-size: 1.4rem;
  font-family: "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif;
  line-height: 1.71429;
  letter-spacing: .05em;
  border: 1px solid #ddd;
}
@media screen and (max-width: 767px) {
  .c-pagination__back a {
    min-width: 0;
    padding: 3vw 10vw;
    font-size: 2.08333rem;
  }
}
@media screen and (max-width: 576px) {
  .c-pagination__back a {
    font-size: 4.16667rem;
  }
}
.c-pagination__numbers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  list-style: none;
  margin: 0 30px;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .c-pagination__numbers {
    margin: 0 4vw
  }
}
@media (max-width: 320px) {
  .c-pagination__numbers {
    display: none
  }
}


.c-pagination__number {
  display: block;
  list-style: none;
  margin: 0 .6rem;
  font-size:1.3rem;
  color:#000;
}
@media screen and (max-width: 767px) {
  .c-pagination__number {
    margin: 0 1vw
  }
}
.c-pagination__number--current {
  border-bottom: 2px solid #011111;
}
.c-pagination__number--current:hover {
  padding-bottom: 0;
}
.c-pagination__number a {
  display: block;
  padding: .12em .7em .38em;
  text-align: center;
  color:#aaa;
}
.c-pagination__number a:hover {
  color: #fff;
  background: #000;
}
.c-pagination__number a::after {
  display: none;
}
.c-pagination__number a[aria-current="page"] {
  color: #fff;
  background: #000;
}
.c-content-index + .c-pagination {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .c-content-index + .c-pagination {
    margin-bottom: 6.25em
  }
}



.bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--first, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--first {
  float: none;
  width: 580px;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--first, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--first {
    position: relative;
    width: 100%
  }
}
.bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last {
  position: absolute;
  z-index: 0;
  right: 0;
  bottom: -40px;
  width: 46%;
  padding: 45px 50px 47px 90px;
  color: #fff;
  font-family: "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #111), color-stop(50%, #222));
  background: linear-gradient(-90deg, #111 50%, #222 50%);
}
@media screen and (max-width: 767px) {
  .bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last {
    width: 100%;
    padding: 4vw;
    position: relative;
    right: auto;
    bottom: auto
  }
}
.bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last p, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last p {
  font-size: 1.4rem;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last p, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last p {
    font-size: 3.125vw
  }
}
@media screen and (max-width: 576px) {
  .bge-contents [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last p, .c-content-main [data-bgb="text-image2"] .bgt-grid6.bgt-grid--last p {
    font-size: 4.8vw
  }
}



/* カレンダー２
------------------------------------------------------------*/

#webform {
  //font-size: 1.2rem;
  //line-height: 2.4;
  //letter-spacing: .1rem;
}


.cal-contents .table {
  display: grid;
  gap: 4px;
  grid-template-columns: repeat(3, auto);
}

.cal-contents .tr {
  grid-column: span 3;
  display: grid;
  grid-template-columns: subgrid;
}

.cal-contents .td {
  background: #eee;
  padding: 4px;
}



.cal-contents {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
    max-width:100%;
    font-size: 1.1rem;
}

.cal_box {
    //line-height: 1.6;
    margin-bottom: 2em;
    background: #fff;
    padding: 20px 1.5em 15px;
}

.selector-hide{
  display:none;
}
.selector-disp{
  display:inline;
}

#kibouday {
  border-radius: 10px;
  border: 1px solid #d2cdcd;
  background: #fff;
  min-width: 230px;
  cursor: pointer;
  padding: 3px 50px;
  font-size:1.5em;
  margin-bottom: 10px;
}

#kibouday.active:first-child {
  background: #2aa6e2;
  color:#fff;
}

.ecalendar_head{
  border-bottom:1px solid #ccc;
  background:#222;
  padding:15px;
  position:relative;
  color:white;
  font-size:1.5em;
  text-align: center;
}

.cal-contents .table .active{
    background: #eee;
}
.cal-contents .table{
  width:100%;
  table-layout:fixed;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 0 auto 10px;

  display: table !important;
  border-collapse: separate;
  box-sizing: border-box;
  text-indent: initial;
  unicode-bidi: isolate;
}
.cal-contents .tr{
  display: table-row !important;
  unicode-bidi: isolate;
}
.cal-contents .table .th{
  padding:10px;
  font-weight:normal;
  text-align:center;
  display: table-cell !important;
  text-align: -internal-center;
  unicode-bidi: isolate;
}
.cal-contents .table .td{
  height:100px;
  vertical-align:middle;
  border:1px solid #ccc;
  background:#fff;
  padding:0;
  text-align:center;
  display: table-cell !important;
  vertical-align: middle;
  unicode-bidi: isolate;
}
.cal-contents .table .td .popup{
  width:100%;
  height:100%;
  padding:0;
  text-align:center;
  display: block;
  text-decoration: none;
  vertical-align: middle;
  color:#000;
  cursor: pointer;
  pointer-events : auto;
  padding-top: 35px;
  font-weight:bold;
}
.cal-contents .table .radio{
  display:none;
  height:0;
}

.cal-contents .table .is-gray{
  background:#f5f5f5;
}
.cal-contents .table .is-block{
  display:block;
  font-weight:bold;
  font-size:20px;
}

.cal-contents .table a.is-selected{
  background:#e73939;
}
.cal-contents .table .date-icon{
  color:#2aa6e2;
  font-size:18px;
  display:block;
  font-weight:bold;
}
.cal-contents .table .date-icon.phone{
  font-size:20px;
  padding-top:3px;
}
.cal-contents .table-sat{
  background-color:#ecf9ff !important;
}
.cal-contents .table-sun{
  background-color:#ffeff5 !important;
}

.cal-contents .table{
    width: 100%;
    height:100%;
    margin-top:-17px;
    line-height:35px;
}

.radio{opacity: 0;width:0;}
.cal-contents .table .date-link{
  background:#2aa6e2;
  text-decoration:none;
  color:#fff;
  border-radius:50%;
  width:35px;
  height:35px;
  display:inline-block;
  text-align:center;
  cursor: pointer;

  //display:none !important;
  //height:0 !important;
  position: unset !important;
  margin-right: 0 !important;
  padding: 0 !important;
}
.radio:checked + label.date-link{
  background:#e73939;
}

#js-calendar-year{
  margin: 0 25%;
}
.ecalendar_head .round_arrow,
.ecalendar_head .round_arrow_p {
  position: relative;
  cursor: pointer;
}

.ecalendar_head .round_arrow::before,
.ecalendar_head .round_arrow_p::before { /* 背景の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 3px;
  width: 32px; /* 横幅 */
  height: 32px; /* 高さ */
  border-radius: 10%; /* 角の丸み */
  background: #2aa6e2;
}
.ecalendar_head .round_arrow::after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 8px;
  width: 12px;
  height: 12px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(45deg);
}
.ecalendar_head .round_arrow_p:after { /* くの字の表示設定 */
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 16px;
  width: 12px;
  height: 12px;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  transform: rotate(-135deg);
}

#calendar_next{
    display:none;
}

@media screen and (max-width: 768px){
  .cal-contents .table .td{height:40px}
  .cal-contents .table .is-block{
    font-size:14px;
    margin-top:10px;
  }
  .cal-contents .table .date-icon{font-size:14px}
  .cal-contents .table a{
    width:30px;
    height:30px;
    line-height:30px;
  }
  .ecalendar__hint{margin:0px 20px}
  .cal_box {
    padding: 20px 0 15px;
  }
  .cal-contents {
    margin-bottom: 3.25em;
    padding: 0 4vw;
    width: 100%;
  }

  .ecalendar_head{
    font-size:1.0em;
  }

  #kibouday {
    padding: 3px 30px;
  }

  .c-title-page__secondary h1 {
    letter-spacing: 0;
    text-indent: 0;
    margin-top: 50px;
  }
}

@media screen and (max-width: 576px){
  .cal-contents {
      font-size: 4.26667vw;
  }
  .ecalendar-table table{
    line-height:1;
  }
}


/* グローバルnavi
------------------------------------------------------------*/

.c-nav-global {
  position: fixed;
  width: 100%;
  min-width: 1000px;
  min-height: 100vh;
  font-family: "Hiragino Mincho Pro", "Yu Mincho", "Helvetica", "YuGothic", "YuGothicM", "メイリオ", Meiryo, sans-serif;
  background: #111;
  z-index: 99998;
  top:0;
}
@media screen and (max-width: 767px) {
  .c-nav-global {
    min-width: 0;
    overflow-y: scroll
  }
}

.c-nav-global[aria-hidden="true"] {
  display: none;
}
.c-nav-global[aria-hidden="false"] {
  display: block;
}

.c-nav-global__body {
  padding: 65px 0;
}
.c-nav-global__body a {
  display: block;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .c-nav-global__body a {
    padding: 10px 20px
  }
}


.c-nav-global__document {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 950px;
  margin: 50px auto 30px;
  border-top: 1px solid #444;
  border-bottom: 1px solid #444;
}
@media screen and (max-width: 767px) {
  .c-nav-global__document {
    display: block;
    width: auto;
    margin: 0 13.33333vw 5.33333vw;
    text-align: center;
    border: none
  }
}
.c-nav-global__document dt {
  position: relative;
  margin-right: 36px;
  padding: 19px 48px;
  line-height: 1;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .c-nav-global__document dt {
    margin: 0
  }
  .c-nav-global__document dt::before, .c-nav-global__document dt::after {
    content: "";
    position: absolute;
    top: 50%;
    background: #000;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: 300ms;
    transition: 300ms;
  }
}

.c-nav-global__document dd {
  margin: 0;
}

.c-nav-global__document ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-nav-global__document ul {
    display: block
  }
}
.c-nav-global__document ul li + li::before {
  content: "/";
  display: inline-block;
  padding: 0 1em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .c-nav-global__document ul li + li::before {
    content: none
  }
}
.c-nav-global__document ul a {
  display: inline-block;
  //font-size: 1.4rem;
}

.c-nav-global__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 950px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767px) {
  .c-nav-global__sns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
  }
}
.c-nav-global__sns li {
  margin: 0 10px;
}
.c-nav-global__sns a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 42px;
  height: 42px;
  background: #fff;
  border-radius: 21px;
}
@media screen and (max-width: 767px) {
  .c-nav-global__sns a {
    padding: 0
  }
}


.c-header__menu-button:hover button::after {
  width: 24px;
  -webkit-transition: width 500ms;
  transition: width 500ms;
}
.c-header__menu-button button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 10px 8px 0 9px;
}
.c-header__menu-button button::before,
.c-header__menu-button button::after {
  display: block;
  content: " ";
  height: 3px;
  background: #fff;
}
.c-header__menu-button button::before {
  width: 24px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: -webkit-transform 700ms;
  transition: -webkit-transform 700ms;
  transition: transform 700ms;
  transition: transform 700ms, -webkit-transform 700ms;
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
.c-header__menu-button button::after {
  width: 15px;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition: width 500ms, -webkit-transform 700ms;
  transition: width 500ms, -webkit-transform 700ms;
  transition: width 500ms, transform 700ms;
  transition: width 500ms, transform 700ms, -webkit-transform 700ms;
  -webkit-transform-origin: left top;
  transform-origin: left top;
}
.c-header__menu-button button span {
  display: block;
  margin: 6px 0;
  width: 24px;
  height: 3px;
  background: #fff;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}


.c-header__menu-button button[aria-expanded="true"] {
  padding: 10px 6px 9px;
}
.c-header__menu-button button[aria-expanded="true"]::before {
  margin-left: 4px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #fff;
}
.c-header__menu-button button[aria-expanded="true"]::after {
  margin-left: 4px;
  width: 24px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #fff;
}
.c-header__menu-button button[aria-expanded="true"]:focus::before,
.c-header__menu-button button[aria-expanded="true"]:focus::after {
  background: #fff;
}
.c-header__menu-button button[aria-expanded="true"] span {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  background: #fff;
}


/* 旧ブログ
------------------------------------------------------------*/
.bgb-image1 {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .bgb-image1 {
    margin-bottom: 2.6em;
    padding: 0
  }
}

[data-bgb="image2"] .bgt-grid {
  /* 2列ブロック内 レイアウト用コンテナ */
  width: 50%;
  float: left;
}
@media screen and (max-width: 768px) {
   [data-bgb="image2"] {
    width: 100%;
    float: none;
  }
  [data-bgb="image2"] {
    /* 下マージンはブロック内のタイプの要素に対して指定する (空画像対策) */
    margin-bottom: 20px;
  }
  [data-bgb="image2"] {
    margin-bottom: 0;
  }
  [data-bgb="image2"] {
    margin-bottom: 0;
  }
}

[data-bgb="button2"] .bgt-grid--first, [data-bgb="download-file2"] .bgt-grid--first, [data-bgb="image-link-text2"] .bgt-grid--first, [data-bgb="image-link2"] .bgt-grid--first, [data-bgb="image-text2"] .bgt-grid--first, [data-bgb="image2"] .bgt-grid--first, [data-bgb="trimmed-image-link2"] .bgt-grid--first, [data-bgb="trimmed-image2"] .bgt-grid--first, [data-bgb="wysiwyg2"] .bgt-grid--first {
  /* 2列ブロック内 レイアウト用最初のコンテナ */
  padding-right: 10px;
}

@media screen and (max-width: 768px) {
  [data-bgb="button2"] .bgt-grid--first, [data-bgb="download-file2"] .bgt-grid--first, [data-bgb="image-link-text2"] .bgt-grid--first, [data-bgb="image-link2"] .bgt-grid--first, [data-bgb="image-text2"] .bgt-grid--first, [data-bgb="image2"] .bgt-grid--first, [data-bgb="trimmed-image-link2"] .bgt-grid--first, [data-bgb="trimmed-image2"] .bgt-grid--first, [data-bgb="wysiwyg2"] .bgt-grid--first {
    padding-right: 0;
  }
}

[data-bgb="button2"] .bgt-grid--last, [data-bgb="download-file2"] .bgt-grid--last, [data-bgb="image-link-text2"] .bgt-grid--last, [data-bgb="image-link2"] .bgt-grid--last, [data-bgb="image-text2"] .bgt-grid--last, [data-bgb="image2"] .bgt-grid--last, [data-bgb="trimmed-image-link2"] .bgt-grid--last, [data-bgb="trimmed-image2"] .bgt-grid--last, [data-bgb="wysiwyg2"] .bgt-grid--last {
  /* 2列ブロック内 レイアウト用最後のコンテナ */
  padding-left: 10px;
}

@media screen and (max-width: 768px) {
  [data-bgb="button2"] .bgt-grid--last, [data-bgb="download-file2"] .bgt-grid--last, [data-bgb="image-link-text2"] .bgt-grid--last, [data-bgb="image-link2"] .bgt-grid--last, [data-bgb="image-text2"] .bgt-grid--last, [data-bgb="image2"] .bgt-grid--last, [data-bgb="trimmed-image-link2"] .bgt-grid--last, [data-bgb="trimmed-image2"] .bgt-grid--last, [data-bgb="wysiwyg2"] .bgt-grid--last {
    padding-left: 0;
  }
}




.flex_box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
}
.flex_box > div {
  width: 32%;
}
.flex_box > div {
  margin-left: 2%;
  margin-bottom: 1.5em !important;
}
.flex_box > div.bgt-grid--first {
  margin-left: 0 !important;
}
.flex_box > div img {
  width: 100%;
  max-width: 100%;
}
.flex_box > div img:hover {
  cursor: pointer;
}
.flex_box > div p {
  text-align: center;
  line-height: 1.3;
}
.flex_box > div p span {
  font-size: 0.94em;
  display: block;
}
.flex_box > div input[type="radio"] {
  display: none;
}
.flex_box > div input[type="radio"] + label img {
  opacity: .55;
  filter: alpha(opacity=55);
  -ms-filter: "alpha(opacity=55)";
  -khtml-opacity: .55;
  -moz-opacity: .55;
}
.flex_box > div input[type="radio"]:checked + label img {
  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
  -khtml-opacity: 1;
  -moz-opacity: 1;
  border: #222 solid 3px;
  box-sizing: border-box;
}
.flex_box > div input[type="radio"]:checked + label p {
  font-weight: 700;
}

.form__box {
  margin-bottom: 2em;
  background: #f6f6f6;
  padding: 20px 1.5em 15px;
}


@media screen and (max-width: 767px) {
  .logoH {
    width:20vw;
    padding:2vw;
  }
  .gmenu li {
    width:50%;
  }
  .gmenu li:last-child {
    width:50%;
  }

  .c-header__menu-button:hover button::after {
    width: 7.7vw;
  }
  .c-header__menu-button button {
    padding: 3.2vw 2.6vw 0 2.9vw;
  }
  .c-header__menu-button button::before,
  .c-header__menu-button button::after {
    height: 1.0vw;
  }
  .c-header__menu-button button::before {
    width: 7.7vw;
  }
  .c-header__menu-button button::after {
    width: 8vw;
  }
  .c-header__menu-button button span {
    margin: 2vw 0;
    width: 7.7vw;
    height: 1.0vw;
  }


  .priduct__section {
    height:160vw;
  }

  .title_top {
    width:80%;
    margin: auto;
    bottom: 0;
    right:0;left:0;
  }
  .title_defo {
    width:90%;
    margin: auto;
    right:0;left:0;
  }
  .title_center {
    width:80%;
    margin: auto auto;
    bottom: 0;top:0;
    right:0;left:0;
  }
  .title_cube,
  .title_H {
    width:50%;
    margin: 0;
    top: 5%;
    left:8vw;
  }
  .title_sale {
    width:50%;
    margin: 0;
    top: 32%;
    left:8vw;
  }
  .title_model {
    width:80%;
    margin: auto auto;
    bottom: 0;top:0;
    right:0;left:0;
  }


  .twin li {
    margin-bottom: 10vw !important;
  }

  .model__section {
    padding-top: 3%;
  }

  .model__section li {
    width:94%;
    padding:0;
    margin: 0 3% 3% 3%;
    height:auto;
  }

  .model__section li.garage {
    background-position-y: top;
  }

  .model__section li img {
    width:60%;
    margin-top: 1%;
    background: rgba(0,0,0,0.3);
    padding: 5vw;
  }

  .modelhouse__section {
    background-size: 150%;
    background-position-x: right;
  }

  .modelhouse__section div,
  .inner .modelhouse__section div {
    width:100%;
    background: url("../images/index_modelhouse_sp.jpg?2") center no-repeat;
    padding:10vw;
  }
  .modelhouse__section img {
    width:100%;
  }

  .concept li {
    width:100%;
    float:none;
  }

  .concept li:nth-child(1),
  .concept li:nth-child(2) {
    padding:4vw 2vw;
  }

  .index.one li {
    height:auto;
    //min-height:55vw;
    //padding-top:4vw;
  }
  .index.one li div,
  .index.one li:nth-child(2) div {
    position: relative;
    width:100%;
    height:auto;
    margin: auto;
    left: 0;right:0;
    top:0;bottom:0;
    text-align:center;
    //padding:4vw 2vw;

    background: rgba(0,0,0,0.5);
    padding: 10vw;
  }
  .index.one li div img {
    width:60%;
  }


  .news dt {
    width:100%;
    display: block;
  }
  .news dd {
    width:100%;
    display: block;
    padding-left:2vw;
    line-height: 2;
    padding-bottom:8vw;
  }

  .title_tab {
    margin-bottom: 1vw;
  }

  .twin li {
    width:calc(100% - 4vw);
    float:none;
  }
  .twin li:nth-child(odd) {
    margin:1vw 2vw;
  }
  .twin li:nth-child(even) {
    margin:1vw 2vw;
  }

  .three {
    width:100%;
    position: relative;
  }
  .three li {
    width:calc(100% - 4vw);
    float:none;
  }
  .three li:nth-child(odd) {
    margin:1vw 2vw 3vw 2vw;
  }
  .three li:nth-child(even) {
    margin:1vw 2vw 3vw 2vw;
  }

  .fifth {
    width:100%;
    position: relative;
  }
  .fifth li {
    width:48%;
  }
  .fifth li:nth-child(odd) {
    margin-right:2% ;
    margin-left:0 ; 
    margin-bottom:1vw ;
  }
  .fifth li:nth-child(even) {
    margin-right:0 ;
    margin-left:2% ;
    margin-bottom:1vw ;
  }

  .list li {
    width:calc(100% - 4vw);
    float:none;
    margin:1vw 2vw 10vw 2vw;
  }
  .list li:nth-of-type(3n){
    margin-right:0;
    margin:1vw 2vw 10vw 2vw;
  }


  .news__section h1 {
    float:none;
    margin-bottom: 2vw;
  }
  .subtit {
    margin-top: 1vw;
    line-height: 1.5;
    font-size:1.4rem !important;
  }

  .soudan li {
    width:100%;
    float:none;
    margin-right:0;
  }

  #footer .tel {
    width:100%;
    padding: 2vw;
  }
  #footer .flogo {
    width:60%;
  }
  #footer .sns {
    width:50vw;
  }
  #footer .sns li {
    width:21vw;
    margin: 0 2vw;
  }


  .c-nav-global__body {
    padding: 0;
  }
  .menu {
    position: absolute;
  }
  .gmenu font {
    line-height: 1.9;
  }
  .cmenu {
    line-height: 2.0;
    padding-top:8vw;
  }

  .cmenu li {
    width:100%;
  }
  .cmenu li a:not(:first-child){
    width:60%;
    margin-left:40%;
  }
  #navigation .menu {
    padding-bottom:40vw;
  }


  .haus__photo li:nth-child(even){
    flex-direction: column-reverse;
  }

  .haus__photo li:nth-child(odd){
    flex-direction: column;
  }

  .haus__photo li .left:nth-child(1),
  .haus__photo li .left:nth-child(2),
  .haus__photo li .right:nth-child(1),
  .haus__photo li .right:nth-child(2)
   {
    width:100%;
  }

  h5 {
      font-size: 1.5rem;
      line-height: 1.3;
      letter-spacing: .5rem;
  }

  .haus__photo li img {
    margin: 0;
  }
  .haus__photo li .table {
    margin-left: 7% !important;
    margin-right: 7% !important;
    margin-top: 0 !important;
    height:auto;
    padding-bottom:4vw;
  }

  .second {
    padding:8vw 0;
  }
  .second p {
    text-align:left;
  }
  #piatto.second,
  #cube.second,
  #cubef.second {
    padding-top:35vw;
  }

  .haus__section li {
    width:100%;
    padding-top: 0vw;
  }

  .haus__section li img {
    width: auto;
    height:100%;
  }

  .haus__section li:nth-child(even){
    flex-direction: column-reverse;
  }

  .haus__section li:nth-child(odd){
    flex-direction: column;
  }

  .title_banner{
    width:45%;
    margin: 0 2%;
    top: auto;
    bottom:-30vw;
    left:0;
  }

  #cubef .title_banner.up,
  #piatto .title_banner.up {
    top: auto;
    left:0;
  }
  #cubef .title_banner,
  #piatto .title_banner {
    top: auto;
    left:auto;
    right:0 !important;
  }

  .sold_out strong{
    font-size: 3rem;
  }
  .sold_out span{
    font-size: 1rem;
  }

  .method .inner {
    padding-left: 0;
    padding-right: 0;
  }

  big {
    font-size:4.0rem;
  }

  .title_hiraya {
    width:40%;
  }

  .order_tit{
    width:80%;
  }

  .blog-article-container .index{
    width: 100%;
    margin-bottom: 10vw;
    font-size:1rem;
  }

  .blog-article-container .title-wrapper h1{
    font-size:1.8rem;
    line-height: 3.0rem;
    border-left:0;
    padding-left:0;
    margin-left:0;
    padding-bottom: 6vw;
  }


  .flex_box > div {
    width: 100%;
  }
  .flex_box > div {
    margin-left: 2%;
    margin-bottom: 1.5em !important;
  }

  .tbl-about-design dt {
    width:100%;
    text-align:center;
  }

  .tbl-about-design dd {
    padding-left: 20px;
    width:100%;
  }
}



@media screen and (max-width: 767px) {
  .priduct__section ul li.model .kind {
    width:80%;
    padding:30% 5vw;
    margin:auto;
  }
  .priduct__section ul li.model .kind::before {
    content:"";
    position: absolute;
    bottom:0;
    left:0;
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    width: 100%;
    height: 70%;
    z-index:0;
  }

  .priduct__section ul li.model .kind img{
    z-index:99;
    position: relative;
  }

  .model__section .content_sub{
    margin: 5vw auto;
    width:70%;
  }

  .mtype li .haus {
    width:60%;
  }
  .mtype li small {
    font-size:3.2vw;
  }

  .bot-hoshou h1 {
    font-size:6.0vw;
    line-height: 9.0vw;
    margin: 5vw auto;
  }
  .modelroom__section .logo-y {
    width:65%;
    margin-bottom: 6vw;
  }
  .modelroom__section h2 {
    text-align:left;
    font-size:3.5vw;
    line-height:6.0vw;
  }
  .modelroom__section .mb-4 {
    margin-bottom: 4vw !important;
  }

  .modelroom__section .subtitle {
    height:20vw;
    background-size: 70vw 20vw;
    font-size:3.8vw;
  }
  .modelroom__section .subtitle h1 {
    font-size:5.8vw;
    line-height: 4.7vw;
    margin: 2vw auto;
  }
  .modelroom__section .subtitle::before,
  .modelroom__section .subtitle::after {
    width: calc(50% - 35vw);
  }

  .mvoice li {
    width:100%;
    float:auto;
    font-size:5.0vw;
    line-height: 7.7vw;
    margin-bottom: 3vw;
  }
  .modelroom__section h3 {
    font-size:5.0vw;
    line-height: 8.7vw;
    margin: 1vw 0 .5vw;
  }
  .modelroom__section h4 {
    font-size:8.0vw;
    letter-spacing: 0.4vw;
    line-height: 5.0vw;
  }

  .hoshou li {
    padding:2vw;
    font-size:5.0vw;
    line-height: 8.0vw;
  }
  .hoshou li h1{
    font-size: 5.8vw;
    line-height: 8.0vw;
  }
  .bot-hoshou {
    width:100%;
    margin: 1vw 0;
  }
  .model_ticket{
    width:100%;
  }

}


//フローティングバナー
#sub_banner {
  position: relative;
  width:100%;
}

.c-page-sub__contact {
  position: fixed;
  width: 100px;
  right: 0;
  bottom: 0;
  z-index: 100;
}

.c-page-sub__contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.c-page-sub__contact ul li {
  list-style: none;
  display: block;
}


.c-page-sub__contact ul li[data-type="webcatalog"] a {
  color: #0e181d;
  background-color: #f7ff06
}
.c-page-sub__contact ul li[data-type="allworks"] a {
  background-color: rgba(4, 19, 146, 0.95);
}

.c-page-sub__contact ul li[data-type="catalog"] a {
  color: #0e181d;
  background-color: #f7ff06
}
.c-page-sub__contact ul li[data-type="consultation"] a {
    color: #0e181d;
  background-color: #f7ff06;
}
.c-page-sub__contact ul li[data-type="event"] a {
  background-color: #b7a46f;
}
.c-page-sub__contact ul li[data-type="tel"] a {
  background-color: #f39800;
  padding: 4.03646vw 0 3.77604vw;
}
.c-page-sub__contact ul li[data-type="document"] a {
  background-color: #000;
  background-size: cover;
}

.c-page-sub__contact ul li[data-type="icon-build"] a {
  background-color: #ebc55e;
  text-align:center;
}
.c-page-sub__contact ul li[data-type="icon-land"] a {
  background-color: #8cc66f;
  text-align:center;
}


.c-page-sub__contact ul li[data-type="webcatalog"] a::before {
  content: "";
  width: 5.47vw;
  height: 5.1785vw;
  margin-right: 0.8vw;
  background: url("../images/catalog.png") 0 50% no-repeat;
  background-size: cover;
}
.c-page-sub__contact ul li[data-type="allworks"] a::before {
  content: "";
  width: 5.3125vw;
  height: 5.3125vw;
  margin-right: 0.8vw;
  background: url("../images/icon-works.png") 0 50% no-repeat;
  background-size: cover;
}
.c-page-sub__contact ul li[data-type="catalog"] a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 29px;
  background: url("../images/catalog.png") 0 50% no-repeat;
  background-size: cover;
  margin-bottom: 0.6rem;
}
.c-page-sub__contact ul li[data-type="consultation"] a::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url("../images/catalog.png") 0 50% no-repeat;
  background-size: cover;
}
.c-page-sub__contact ul li[data-type="event"] a::before {
  content: "";
  display: inline-block;
  width: 29px;
  height: 24px;
  background: url("../images/icon-event@2x.png") 0 50% no-repeat;
  background-size: cover;
}
.c-page-sub__contact ul li[data-type="tel"] a::before {
  content: "";
  display: inline-block;
  width: 5.3125vw;
  height: 5.3125vw;
  margin-right: 0.8vw;
  background: url("../images/icon-tel@2x.png") 0 50% no-repeat;
  background-size: cover;
}
.c-page-sub__contact ul li[data-type="document"] a::before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 26px;
  background: url("../images/icon-document@2x.png") 0 50% no-repeat;
  background-size: cover;
}

.c-page-sub__contact ul li[data-type="icon-build"] a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 29px;
  background: url("../images/icon-works.png") 0 50% no-repeat;
  background-size: cover;
  margin-bottom: 0.6rem;
}
.c-page-sub__contact ul li[data-type="icon-land"] a::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 29px;
  background: url("../images/icon-land.png") 0 50% no-repeat;
  background-size: cover;
  margin-bottom: 0.6rem;
}



.c-page-sub__contact ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 18px 13px 21px;
  color: #fff;
  line-height: 1.4;
  text-decoration: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}



@media screen and (min-width: 768px) {
  .c-page-sub__contact[data-animation="true"] ul li[data-type="catalog"] {
    margin-left: 0;
    -webkit-transition: margin-left 800ms 700ms;
    transition: margin-left 800ms 700ms
  }
  .c-page-sub__contact[data-animation="true"] ul li[data-type="consultation"] {
    margin-left: 0;
    -webkit-transition: margin-left 800ms 600ms;
    transition: margin-left 800ms 600ms
  }
  .c-page-sub__contact[data-animation="true"] ul li[data-type="event"] {
    margin-left: 0;
    -webkit-transition: margin-left 800ms 400ms;
    transition: margin-left 800ms 400ms
  }
  .c-page-sub__contact[data-animation="true"] ul li[data-type="document"] {
    margin-left: 0;
    -webkit-transition: margin-left 800ms;
    transition: margin-left 800ms
  }

  .c-page-sub__contact[data-animation="true"] ul li[data-type="icon-build"] {
    margin-left: 0;
    -webkit-transition: margin-left 800ms 700ms;
    transition: margin-left 800ms 700ms
  }
  .c-page-sub__contact[data-animation="true"] ul li[data-type="icon-land"] {
    margin-left: 0;
    -webkit-transition: margin-left 800ms 600ms;
    transition: margin-left 800ms 600ms
  }

  .c-page-sub__contact ul li[data-type="catalog"] {
    text-align: center;
  }
  .c-page-sub__contact ul li[data-type="webcatalog"] {
    display: none;
  }
  .c-page-sub__contact ul li[data-type="allworks"] {
    display: none;
  }
  .c-page-sub__contact ul li[data-type="tel"] {
    display: none
  }

  .c-page-sub__contact ul li {
    min-width: 100px;
    margin-left: 100px
  }
  .c-page-sub__contact ul li a {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100px;
    height: 100px;
    letter-spacing: 1px;
    font-size: 16px;
  }
}


@media screen and (max-width: 767px) {
  .c-page-sub__contact .visible_sp {
      display: flex !important;
  }

  .c-page-sub__contact {
    width: 100%;
    padding-top: 50px;
    bottom: -50px
  }
  .c-page-sub__contact[data-animation="true"] {
    padding-top: 0;
    bottom: 0;
    -webkit-transition: padding-top 800ms, bottom 800ms;
    transition: padding-top 800ms, bottom 800ms
  }
  .c-page-sub__contact ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .c-page-sub__contact ul li {
    width: 33.33333%
  }
  .c-page-sub__contact ul li a {
    height: 13.02083vw;
    font-size: 3.64583vw
  }


  .c-page-sub__contact ul li[data-type="webcatalog"] {
    width: 50%;float:left;
  }
  .c-page-sub__contact ul li[data-type="allworks"] {
    width: 50%;float:left;
  }
  .c-page-sub__contact ul li[data-type="catalog"] {
    display: none;
  }

  .c-page-sub__contact ul li[data-type="consultation"] a {
    padding: 4.16667vw 0 4.25781vw
  }
  .c-page-sub__contact ul li[data-type="event"] a {
    padding: 4.16667vw 0 4.25781vw
  }
  .c-page-sub__contact ul li[data-type="document"] a {
    padding: 3.90625vw 0 3.98438vw
  }

  .c-page-sub__contact ul li[data-type="consultation"] a::before {
    width: 5.65495vw;
    height: 5.65495vw;
    margin-right: 1.4vw
  }
  .c-page-sub__contact ul li[data-type="event"] a::before {
    width: 5.65495vw;
    height: 4.59635vw;
    margin-right: 1.4vw
  }
  .c-page-sub__contact ul li[data-type="document"] a::before {
    width: 4.36458vw;
    height: 5.1276vw;
    margin-right: 1.4vw
  }

  .c-page-sub__contact ul li[data-type="icon-build"] {
    width: 50%;float:left;
  }
  .c-page-sub__contact ul li[data-type="icon-land"] {
    width: 50%;float:left;
  }

}