@charset "UTF-8";

@media screen and (min-width: 768px), print {  

  #gallery .main-title{background: url('../images/gallery/h1.png')no-repeat top center;}
  #lineup .main-title{background: url('../images/lineup/h1.png')no-repeat top center;}
  #news .main-title{background: url('../images/news/h1.png')no-repeat top center;}
  #event .main-title{background: url('../images/event/h1.png')no-repeat top center;}
  #modelhouse .main-title{background: url('../images/modelhouse/h1.png')no-repeat top center;}
  #blog .main-title{background: url('../images/blog/h1.png')no-repeat top center;}
  #message .main-title{background: url('../images/message/h1.png')no-repeat top center;}




  main{ width: 1100px; margin: 0 auto 30px auto; }
  /* 3枚表示のbxslider
  -------------------------------------*/
    /* system-common */
  .page-list { font-size: 0.875em; margin: 50px 0 100px;  text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .page-list li{ background: #eeefef; display: inline-block; border: #dcdddd 1px solid; }
  .page-list li.active { background: #231815; color: #fff; }
  .page-list li.active a { color: #fff; }
  .page-list a {padding: 10px 19px;display: inline-block;}
  .pagen{ width: 100%; margin: 0 auto 30px auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  .page-navi { font-size: 0.875em; }
  .page-navi li { display: inline-block;  }
  .page-navi li.active { background: #ccc; }
  .page-navi a { padding: 8px; display: inline-block; }
  .page-navi .fast { margin-right: 0px; }
  .page-navi .last { }
  .page-navi .fast::after {  content: "|";  display: inline-block;  margin: 0 5px; }
  .pagen .list{ float: right; }
  .pagen .list a{margin: 0 auto;color: #fff;padding: 7px 30px;font-size: 0.875em;text-align: center;display: inline-block;background: #231815;}
  .btnArea { text-align: center; margin: 50px 0 20px; padding: 0; }
  .btnArea a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 20px 50px; font-size: 0.875em; text-align: center; display: block; background: #000; letter-spacing: 1px; width: 60%;}
  .btnArea-s { text-align: center;}
  .btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 0.875em; text-align: center; display: inline-block; background: #000; letter-spacing: 1px;}
  .btnArea-s::after{  content: ''; display: block; margin-bottom: 100px;}
  .borderwrap{ margin-bottom: 40px;}
  .borderwrap h3{ font-size: 1.5em; font-weight: bold;  margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px #ccc solid; line-height: 1.6; }
  .borderwrap p{ font-size: 0.875em; line-height: 1.8;}
  
  /* gallery -------------------------------------*/
  #gallery .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-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;}
  #gallery .system-list li{line-height: 1.4;width: 23.5%;margin-right: 2%;position: relative;margin-bottom: 20px;}
  #gallery .system-list li:nth-child(4n){ margin-right: 0}
  #gallery .system-list li a:hover{ text-decoration: none; }
  #gallery .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #gallery .system-list .btn::after { content: ' >';}
  #gallery .system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #gallery .system-pic img{ width: 100%; height: 180px; }
  #gallery .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #gallery .system-coment{ font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
  #gallery .system-ttl-01{font-size: 18px;margin-bottom: 20px;line-height: 30px;letter-spacing: 0px;font-weight: 700;}

  #gallery .system-contents{margin-bottom: 30px;}
  #gallery .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0;}
  #gallery .system-contents-inner {}
  #gallery .system-contents .system-date{ font-size: 1em; margin-bottom: 15px; display: block; }
  #gallery .system-contents .system-category{ margin-bottom: 20px; font-size: 0.75em; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
  #gallery .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold;  margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; }
  #gallery .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
  #gallery .system-contents .system-i-pic img{ max-width: 100%; max-height: 600px; width: auto; max-height: auto; }

  /* news -------------------------------------*/
  #news .system-list{margin-bottom: 50px;}
  #news .system-list-inner{padding: 50px 0; }
  #news .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
  #news .system-list li a:hover{ text-decoration: none; }
  #news .system-list .system-date{ width: 20%; float: left; font-size: 0.938em; line-height: 1.4; }
  #news .system-list .system-ttl-01{ width: 78%; float: right; font-size: 0.938em; line-height: 1.6; }

  #news .system-contents{padding: 40px 0px;margin-bottom: 30px;}
  #news .system-contents-inner { background: #fff; padding: 40px 20px;}
  #news .system-contents .system-date{ font-size: 1em; margin-bottom: 15px; display: block; }
  #news .system-contents .system-category-set { width: 100%; margin-bottom: 20px;}
  #news .system-contents .system-category{ font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; background: #ccc;}
  #news .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; }
  


  /* event -------------------------------------*/
  #event .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-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;}
  #event .system-list li{line-height: 1.4;width: 32%;margin-right: 2%;position: relative;margin-bottom: 20px;}
  #event .system-list li:nth-child(3n){ margin-right: 0}
  #event .system-list li a:hover{ text-decoration: none; }
  #event .system-list table{width: 100%;margin-bottom: 40px;}
  #event .system-list th{ border-bottom: #231815 1px solid; width: 60px; text-align: center; padding: 10px 0; }
  #event .system-list td{ border-bottom: #231815 1px dotted; padding: 10px; }
  #event .system-contents table{width: 100%;margin-bottom: 40px;}
  #event .system-contents th{ border-bottom: #231815 1px solid; width: 60px; text-align: center; padding: 10px 0; }
  #event .system-contents td{ border-bottom: #231815 1px dotted; padding: 10px; }
  #event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #event .system-list .btn::after { content: ' >';}
  #event .system-pic{width: 100%;height: 250px;overflow: hidden;text-align: center;margin-bottom: 15px;}
  #event .system-pic img{width: 100%;height: 250px;}
  #event .system-date{ font-size: 0.75em; margin-bottom: 10px; line-height: 1.4;}
  #event .system-information { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 20px;}
  #event .system-txt{ font-size:  0.813em; margin-bottom: 5px; line-height: 1.4; }
  #event .system-ttl-01{font-size: 18px;font-weight: bold;line-height: 1.4;margin-bottom: 20px;}

  #event .system-contents{background: #fff;padding: 40px 20px;margin-bottom: 30px;}
  #event .system-contents-inner { background: #fff; padding: 20px 20px 40px;}
  #event .system-contents .system-date{ font-size: 0.75em; line-height: 1.4; text-align: right;}
  #event .system-contents .system-date::before{ content: none; }
  #event .system-contents .titleArea{ margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid;}
  #event .system-contents .system-category{ margin-bottom: 20px; font-size: 0.75em; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
  #event .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold; margin-bottom: 20px; line-height: 1.4;}
  #event .system-contents .system-icon02 { width: 20%;}
  #event .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
  #event .system-contents .system-i-pic img{ max-width: 100%; max-height: 600px; width: auto; height: auto; }
  #event .system-contents #googlemaps{ height: 500px; border: 1px solid #dcdddd;}
  #event .system-gallery { background: #eeefef; padding: 30px 20px;}
  #event .system-gallery h2 { text-transform: uppercase;}
  #event .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-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; }
  #event .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4;}
  #event .gallery-list li:nth-of-type(5n) { margin-right: 0;}
  #event .gallery-list li a:hover{ text-decoration: none; }
  #event .gallery-list li .system-Frame{ display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px;}
  #event .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
  #event .gallery-list li .system-Frame img{ width: 100%; height: 120px; }
  /* blog -------------------------------------*/
  /*patern1*/
  #blog .mainContents .system-list{margin-bottom: 50px;}
  #blog .mainContents .system-list-inner{background: #fff;padding: 30px;}
  #blog .mainContents .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 20px; border-bottom: 1px dotted #b2b2b2; padding: 0 0 20px;}
  #blog .mainContents .system-list li a:hover{ text-decoration: none; }
  #blog .mainContents .system-list .system-date{ width: 20%; float: left; font-size: 0.938em; line-height: 1.4; }
  #blog .mainContents .system-list .system-ttl-01{ width: 78%; float: right; font-size: 0.938em; line-height: 1.6; }
  /**/
  #blog .mainContents .system-contents{margin-bottom: 30px;}
  #blog .mainContents .system-contents-inner { background: #fff; padding: 40px 20px;}
  #blog .mainContents .system-contents .system-date{ font-size: 1em; margin-bottom: 15px; display: block; }
  #blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 20px;}
  #blog .mainContents .system-contents .system-category{ font-size: 0.75em; font-weight: bold; color: #fff; text-align: center; padding: 8px; width: 20%; float: right; margin-right: 2px; background: #ccc;}
  #blog .mainContents .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold; margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid; line-height: 1.4; }
  #blog .mainContents .system-contents .footInfo { margin-top: 50px; padding-top: 20px; border-top: 1px dotted #ccc;}
  #blog .mainContents .system-contents .system-contributor { font-size: 0.875em; margin-bottom: 15px; text-align: right;}
  
  /*blogサイドバー*/
  aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-bottom: 20px; text-align: center;}
  aside.sidebar .aside-blog-ttl span.en { font-size: 0.75em; display: block; margin-bottom: 10px; letter-spacing: 1px; color: #ccc;}
  aside.sidebar .aside-blog-ttl span.jp { font-size: 0.938em; font-weight: bold; }
  aside.sidebar .list-block { margin: 20px 0 40px;}
  aside.sidebar a { line-height: 1.4; font-size: 0.875rem; border-bottom: 1px dotted #ddd; padding-bottom: 15px; margin-bottom: 15px !important;}
  
  /* message -------------------------------------*/
  #message .system-list{margin-bottom: 50px;}
  #message .system-list li{width: 100%;position: relative;min-height: 330px;padding-left: 330px;margin-bottom: 50px;}
  #message .system-list li a:hover{ text-decoration: none; }
  #message .system-pic{width: 300px;height: 300px;border-radius: 150px;margin-bottom: 15px;overflow: hidden;text-align: center;position: absolute;top: 0;left: 0;}
  #message .system-pic img{ width: 100%; height: 300px; }
  #message .system-job{ font-size: 0.813em; margin-bottom: 5px; line-height: 1.4; text-align: center;}
  #message .system-name{font-size: 20px;margin-bottom: 20px;line-height: 1.4;text-align: left;font-weight: bold;}
  #message .system-name span{ position: relative; font-size: 26px; }
  #message .system-name span::after{ content: "/"; display: inline-block; margin-right: 10px; }
  #message .come{ font-size: 16px; letter-spacing: 0.8px; margin-bottom: 15px; line-height: 32px; background: #fff; padding: 20px; border-radius: 10px; }

  /* modelhouse -------------------------------------*/
  #modelhouse .system-list{margin-bottom: 50px;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-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;}
  #modelhouse .system-list li{line-height: 1.4;position: relative;margin-bottom: 20px;padding: 20px 10px 30px;width: 100%;}
  #modelhouse .system-list li:nth-child(3n){ margin-right: 0}
  #modelhouse .system-list li a:hover{ text-decoration: none; }
  #modelhouse .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #modelhouse .system-list .btn::after { content: ' >';}
  #modelhouse .system-pic{width: 600px;height: 490px;overflow: hidden;text-align: center;margin-bottom: 15px;border: 3px solid #231815;}
  #modelhouse .system-pic img{width: 100%;height: 490px;}
  #modelhouse .system-list li .textbox{position: absolute;top: 49px;right: 0;width: 530px;height: 440px;background: #FFF;border: 3px solid #231815;padding: 40px 40px;}
  #modelhouse .system-list li .textbox .en{ font-size: 11px; line-height: 1.6; letter-spacing: 0px; font-weight: 500; color: #666666; }
  #modelhouse .system-list li .textbox .system-ttl-01{font-size: 26px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;border-bottom: 2px #333 solid;padding-bottom: 10px;margin-bottom: 30px;}
  #modelhouse .system-list li .textbox .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
  #modelhouse .system-list li .textbox p{position: relative;border-bottom: #666666 dotted 1px;padding-bottom: 20px;margin-bottom: 25px;padding-left: 92px;}
  #modelhouse .system-list li .textbox p .ttl{background: #231815;text-align: center;font-size: 12px;color: #fff;position: absolute;top: 0;left: 0;width: 80px;height: 20px;padding-top: 2px;}
  #modelhouse .system-list li .textbox p .ltext{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}


  #modelhouse .system-contents .textbox .system-ttl-01{font-size: 26px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;border-bottom: 2px #333 solid;padding-bottom: 10px;margin-bottom: 30px;}
  #modelhouse .system-contents .textbox .system-ttl-01 span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
  #modelhouse .system-contents .textbox p{position: relative;border-bottom: #666666 dotted 1px;padding-bottom: 20px;margin-bottom: 25px;padding-left: 92px;}
  #modelhouse .system-contents .textbox p .ttl{background: #231815;text-align: center;font-size: 12px;color: #fff;position: absolute;top: 5px;left: 0;width: 80px;height: 20px;padding-top: 0px;}
  #modelhouse .system-contents .textbox p .ltext{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

  #modelhouse .system-contents{margin-bottom: 30px;}
  #modelhouse .system-contents-inner {background: #fff;padding: 40px 20px;margin-bottom: 40px;}
  #modelhouse .system-contents .system-date{ font-size: 0.75em; line-height: 1.4; text-align: right;}
  #modelhouse .system-contents .system-date::before{ content: none; }
  #modelhouse .system-contents .titleArea{ margin-bottom: 30px; padding-bottom: 25px; border-bottom: 1px #ccc solid;}
  #modelhouse .system-contents .system-category{ margin-bottom: 20px; font-size: 0.75em; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px;}
  #modelhouse .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold; margin-bottom: 10px; line-height: 1.4;}
  #modelhouse .system-contents .system-txt{ font-size: 0.813em; margin-bottom: 25px; line-height: 1.4; }
  #modelhouse .system-contents .system-price{ font-size: 1em; line-height: 1.4; }
  #modelhouse .system-contents .system-price span{ font-size: 1.75em; font-weight: bold; line-height: 1.4; }
  #modelhouse .system-contents .system-icon02 { width: 20%;}
  #modelhouse .system-contents .system-i-pic{ text-align: center; margin-bottom: 50px; }
  #modelhouse .system-contents .system-i-pic img{ max-width: 100%; max-height: 600px; width: auto; height: auto; }
  #modelhouse .system-contents .insta-box{ width: 540px; margin: 0 auto 60px; }  
  #modelhouse .system-gallery { background: #eeefef; padding: 30px 20px;}
  #modelhouse .system-gallery h2 { text-transform: uppercase;}
  #modelhouse .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-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; }
  #modelhouse .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4;}
  #modelhouse .gallery-list li:nth-of-type(5n) { margin-right: 0;}
  #modelhouse .gallery-list li a:hover{ text-decoration: none; }
  #modelhouse .gallery-list li .system-Frame{ display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 8px;}
  #modelhouse .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
  #modelhouse .gallery-list li .system-Frame img{ width: 100%; height: 120px; }
  #modelhouse table.system-details { border: 1px solid #dcdddd; margin-bottom: 50px; font-size: 0.875em; line-height: 1.6; width: 100%;}
  #modelhouse table.system-details th { border: 1px solid #dcdddd; text-align: left; background-color: #eeefef; padding: 20px; vertical-align: top;}
  #modelhouse table.system-details td { border: 1px solid #dcdddd; text-align: left; padding: 20px; vertical-align: top;}
  #modelhouse table.system-details td img { max-width: 100%; height: auto;}
  #modelhouse .system-contents #googlemaps{ height: 500px; border: 1px solid #dcdddd;}
  
  /* lineup -------------------------------------*/
  #lineup .system-list {margin-bottom: 50px;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #lineup .system-list li {line-height: 1.4;width: 32%;margin-right: 1%;background: #231815;position: relative;margin-bottom: 20px;text-align: center;color: #fff;padding-bottom: 10px;}
  #lineup .system-list li:nth-child(3n) { margin-right: 0; }
  #lineup .system-list li a{ color: #fff; }
  #lineup .system-list li a:hover { text-decoration: none; }
  #lineup .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%; }
  #lineup .system-list .btn::after { content: ' >'; }
  #lineup .system-pic {width: 100%;height: 300px;overflow: hidden;text-align: center;margin-bottom: 15px;}
  #lineup .system-pic img {width: 100%;height: 300px;}
  #lineup .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #lineup .system-name {font-size: 25px;margin-bottom: 30px;line-height: 1.4;letter-spacing: 0.3px;font-weight: bold;}
  #lineup .system-coment { font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
  #lineup .system-ttl-01 {font-size: 20px;margin: 0 20px 10px;line-height: 1.4;font-weight: 700;}
  #lineup .system-list li .system-category-set{font-size: 16px;margin-bottom: 1vw;}

  #lineup .serchcategory1{margin-bottom: 10px;}
  #lineup .serchcategory1 .icon {display: inline-block;margin-bottom: 15px;font-size: 16px;font-weight: 500;/* color: #fff; */text-align: center;padding: 10px 20px;background: #fff;border-radius: 10px;border: 1px solid #333;}
  
  #lineup .serchcategory1 .all{display: inline-block;margin-bottom: 15px;font-size: 16px;font-weight: 500; color: #fff;text-align: center;padding: 10px 20px;background: #333;border-radius: 10px;border: 1px solid #333;}
  #lineup .serchcategory1 .actv {display: inline-block;margin-bottom: 15px;font-size: 16px;font-weight: 500; color: #fff;text-align: center;padding: 10px 20px;background: #333;border-radius: 10px;border: 1px solid #333;}

  #lineup .system-contents .system-come{background: #fff;padding: 20px;margin-bottom: 40px;font-size: 16px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 500;}

  #lineup .system-contents { margin-bottom: 30px; }
  #lineup .system-contents-inner {  }
  #lineup .system-contents .system-date { font-size: 1em; margin-bottom: 15px; display: block; color: #2f9f20; }
  #lineup .system-contents .system-category-set { margin-top: 0px; margin-bottom: 0; }
  #lineup .system-contents .system-category { margin-bottom: 20px; font-size: 0.75em; color: #fff; text-align: center; padding: 8px; width: 20%; float: left; margin-right: 2px; }
  #lineup .system-contents .system-ttl {color: #000000;font-size: 26px;font-weight: bold;letter-spacing: 1px;border-bottom: 1px solid;margin-bottom: 28px;}
  #lineup .system-contents .system-i-pic { text-align: center; margin-bottom: 50px; }
  #lineup .system-contents .system-i-pic img { max-width: 100%; max-height: 600px; width: auto; max-height: auto; }
  #lineup .system-gallery { background: #eeefef; padding: 30px 20px; }
  #lineup .system-gallery h3 { text-transform: uppercase; }
  #lineup .gallery-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #lineup .gallery-list li {width: 32%;position: relative;margin: 0 2% 25px 0;font-size: 0.75em;line-height: 1.4;text-align: left;}
  #lineup .gallery-list li:nth-of-type(3n) { margin-right: 0; }
  #lineup .gallery-list li a:hover { text-decoration: none; }
  #lineup .gallery-list li .system-Frame {display: block;width: 100%;height: 230px;overflow: hidden;text-align: center;margin-bottom: 8px;}
  #lineup .gallery-list li .system-Frame::after {content: url(../images/common/icon_plus.jpg);display: block;position: absolute;bottom: 3px;right: 0;}
  #lineup .gallery-list li .system-Frame img {width: 100%;height: 230px;}
  #lineup .system-list02 { background: #eeefef; padding: 41px 21px 21px; margin-bottom: 50px; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #lineup .system-list02 li { line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 20px; padding: 20px 10px 30px; }
  #lineup .system-list02 li:nth-child(4n) { margin-right: 0; }
  #lineup .system-list02 li a:hover { text-decoration: none; }
  #lineup .system-list02 .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
  #lineup .system-list02 .btn::after { content: ' >'; }
  #lineup .system-list02 .system-pic { width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px; }
  #lineup .system-list02 .system-pic img { width: 100%; height: 180px; }
  #lineup .system-list02 .system-date { font-size: 0.75em; margin-bottom: 10px; line-height: 1.4; }
  #lineup .system-list02 .system-date::before { content: "■"; }
  #lineup .system-list02 .system-coment { font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
  #lineup .system-list02 .system-ttl-01 { font-size: 1em; margin-bottom: 20px; line-height: 1.4; }

  #lineup .system-list li .system-pri{font-size: 18px; line-height: 1.6; letter-spacing: 0.8px; font-weight: 700; border-top: 1px dotted #fff; padding-top: 10px; margin: 0 20px; }
  #lineup .system-contents .system-pri{font-size: 20px;line-height: 1.6;letter-spacing: 0.8px;font-weight: 700;margin-bottom: 10px;text-align: right;}

/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 50px;padding-bottom: 40px;background-color: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);width: 100%;margin: 0 auto;}
/*タブのスタイル*/
.tab_item {width: calc(100%/3);height: 50px;border-bottom: 1px solid #fff;background-color: #DFDDD3;line-height: 50px;font-size: 16px;color: #565656;display: block;float: left;text-align: center;font-weight: bold;transition: all 0.2s ease;padding: 0 20px;}
.tab_item:hover {opacity: 0.75; }
/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none; }
/*タブ切り替えの中身のスタイル*/
.tab_content {display: none; padding: 40px 40px 0; clear: both; overflow: hidden; }
/*選択されているタブのコンテンツのみを表示*/
#tab0:checked ~ #tab0_content, #tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content, #tab5:checked ~ #tab5_content, #tab6:checked ~ #tab6_content, #tab7:checked ~ #tab7_content, #tab8:checked ~ #tab8_content, #tab9:checked ~ #tab9_content, #tab10:checked ~ #tab10_content, #tab11:checked ~ #tab11_content, #tab12:checked ~ #tab12_content, #tab13:checked ~ #tab13_content, #tab14:checked ~ #tab14_content, #tab15:checked ~ #tab15_content, #tab16:checked ~ #tab16_content, #tab17:checked ~ #tab17_content, #tab18:checked ~ #tab18_content, #tab19:checked ~ #tab19_content, #tab20:checked ~ #tab20_content, #tab21:checked ~ #tab21_content, #tab22:checked ~ #tab22_content, #tab23:checked ~ #tab23_content, #tab24:checked ~ #tab24_content, #tab25:checked ~ #tab25_content, #tab26:checked ~ #tab26_content, #tab27:checked ~ #tab27_content, #tab28:checked ~ #tab28_content, #tab29:checked ~ #tab29_content, #tab30:checked ~ #tab30_content, #tab31:checked ~ #tab31_content, #tab32:checked ~ #tab32_content, #tab33:checked ~ #tab33_content, #tab34:checked ~ #tab34_content, #tab35:checked ~ #tab35_content, #tab36:checked ~ #tab36_content, #tab37:checked ~ #tab37_content, #tab38:checked ~ #tab38_content, #tab39:checked ~ #tab39_content, #tab40:checked ~ #tab40_content, #tab41:checked ~ #tab41_content, #tab42:checked ~ #tab42_content, #tab43:checked ~ #tab43_content, #tab44:checked ~ #tab44_content, #tab45:checked ~ #tab45_content, #tab46:checked ~ #tab46_content, #tab47:checked ~ #tab47_content, #tab48:checked ~ #tab48_content, #tab49:checked ~ #tab49_content, #tab50:checked ~ #tab50_content {display: block; }
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {background-color: #2C5D49;color: #fff;}
  #lineup .system-gallery02-pic-box{width: 500px;float: left;margin-right: 30px;}
  #lineup .system-gallery02-pic-box img{ width: 100%; height: auto; }
  #lineup .system-gallery02-pic-box{  }
  #lineup .tab_content h3{font-size: 20px;border-bottom: 1px solid #333;padding-bottom: 10px;margin-bottom: 20px;font-weight: bold;}
  #lineup .tab_content .texxt{width: 480px;float: left;border-bottom: 1px solid;padding-bottom: 22px;}
.tab_item span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
.tab_item { border-right: 2px solid #fff; }
.tab_item:nth-child(3n) { border-right: none; }

  .priv-title{ text-align: center; margin-bottom: 20px; }
  .priv-text{padding: 20px;overflow-y:scroll;height: 250px;border:#ccc solid 1px;margin-bottom: 30px;background: #F2F2EE;}
  .priv-text .priv-ttl{ margin-bottom: 10px; font-size: 16px; font-weight: bold; }
  .priv-text p{ margin-bottom: 20px; font-size: 13px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: #ccc solid 1px; }
  .priv{ text-align: center; margin-bottom: 30px; }
  .priv-text .tt{ margin-bottom: 10px;  font-size: 20px; color: #333; font-weight: bold; }


  /* form -------------------------------------*/
  .form-Box{margin-bottom: 160px;line-height: 1.6;width: 1200px;position: relative;left: -50px;background: #FFFFFF;border: 2px solid #231815;padding: 0 100px 40px;}
  .form-Box .form-Box-inner{ background: #fff; padding: 20px 0px 40px;}
  .form-Box .form-list {font-size: 14px;margin-bottom: 37px;}
  .form-Box .error { margin-bottom: 1em;}
  .form-Box .attention-color {color: #B91C24;}
  .form-Box .form-list li {padding-left: 1em;text-indent: -1em;margin-bottom: 2px;}
  .form-Box table {margin-bottom: 50px;font-size: 0.875em;line-height: 1.6;border-top: #DCDCDC solid 1px;}
  .form-Box th {text-align: left;width: 30%;background-color: #F2F2EE;padding: 20px;vertical-align: top;border-bottom: #DCDCDC solid 1px;}
  .form-Box td {text-align: left;width: 70%;padding: 20px;vertical-align: top;border-bottom: #DCDCDC solid 1px;}
  .form-Box td img { max-width: 100%; height: auto;}
  .form-Box .from-btn-01 { text-align: center; }
  .form-Box .from-btn-02 { margin-top: 24px; width: 900px; margin-left: auto; margin-right: auto; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
  .form-Box .button { border: 0; padding: 0; margin: 0}
  .form-Box .button:hover { cursor: pointer; cursor: hand; opacity: 0.8;}
  .form-Box input[type="text"],
  .form-Box input[type="email"],
  .form-Box input[type="tel"],
  .form-Box input[type="date"],
  .form-Box select,
  .form-Box textarea { font-size: 0.875rem; padding: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
  .form-Box textarea {width: 100%; min-height: 120px;}



  }

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

  #gallery .main-title{background: url('../images/gallery/sp-h1.png')no-repeat top center;background-size: 100% auto;}
  #lineup .main-title{background: url('../images/lineup/sp-h1.png')no-repeat top center;background-size: 100% auto;}
  #news .main-title{background: url('../images/news/sp-h1.png')no-repeat top center;background-size: 100% auto;}
  #event .main-title{background: url('../images/event/sp-h1.png')no-repeat top center;background-size: 100% auto;}
  #modelhouse .main-title{background: url('../images/modelhouse/sp-h1.png')no-repeat top center;background-size: 100% auto;}
  #blog .main-title{background: url('../images/blog/sp-h1.png')no-repeat top center;background-size: 100% auto;}
  #message .main-title{background: url('../images/message/sp-h1.png')no-repeat top center;background-size: 100% auto;}


/* system-common */
.page-list { font-size: 3.2vw; margin: 10% 0 20%;  text-align: center; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.page-list li{ background: #eeefef; display: inline-block; border: #dcdddd 1px solid; }
.page-list li.active { background: #231815; color: #fff; }
.page-list li.active a { color: #fff; }
.page-list a { padding: 4vw; display: inline-block; }
.pagen{ width: 98%; margin: 0 auto 10% auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
.pagen:nth-of-type(1)  {margin-bottom: 5%;}

.page-navi { font-size: 3.8vw; }
.page-navi li { display: inline-block;  }
.page-navi li.active { background: #ccc; }
.page-navi a { padding: 8px; display: inline-block; }
.page-navi .fast { margin-right: 0px; }
.page-navi .last { }
.page-navi .fast::after {  content: "|";  display: inline-block;  margin: 0 5px; }
.pagen .list{ float: right; }
.pagen .list a{ margin: 0 auto; color: #fff; font-size: 3.8vw; padding: 7px 30px; text-align: center; display: inline-block; background: #000; }
.btnArea { text-align: center; margin: 10% auto; padding: 0; }
.btnArea a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 20px 50px; font-size: 3.2vw; text-align: center; display: block; background: #000; letter-spacing: 1px;}
.btnArea-s { text-align: center;}
.btnArea-s a{ font-weight: bold; margin: 0 auto; color: #fff; padding: 3% 10%; font-size: 3.2vw; text-align: center; display: inline-block; background: #000; letter-spacing: 1px;}
.btnArea-s::after{  content: ''; display: block; margin-bottom: 10%;}
.borderwrap{ width: 94%; margin: 0 auto 10%; line-height: 1.6;}
.borderwrap h3{ font-size: 3.2vw; font-weight: bold;  margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px #ccc solid; }
.borderwrap p{ font-size: 0.875em;}

/* gallery -------------------------------------*/
#gallery .system-list{padding: 3vw;margin-bottom: 10%;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-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;}
#gallery .system-list li{position: relative;line-height: 1.4;width: 49%;margin-right: 2%;position: relative;margin-bottom: 5%;}
#gallery .system-list li:nth-child(2n){ margin-right: 0}
#gallery .system-list li a:hover{ text-decoration: none; }
#gallery .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#gallery .system-list .btn::after { content: ' >';}
#gallery .system-pic{width: 100%;height: 30vw;overflow: hidden;text-align: center;margin-bottom: 3vw;}
#gallery .system-pic img{ width: 100%; height: 30vw; }
#gallery .system-date{ font-size: 3.2vw; margin-bottom: 5%; }
#gallery .system-ttl-01{font-size: 3.6vw;margin-bottom: 5%;line-height: 1.6;font-weight: 700;}

#gallery .system-coment{ margin-bottom: 5%; }
#gallery .system-contents .system-category-set{margin-top: 0;}
#gallery .system-contents{padding: 3vw;margin-bottom: 10%;}
#gallery .system-contents-inner { background: #fff; padding: 5% 3%;}
#gallery .system-contents .system-date{ font-size: 3.2vw; margin-bottom: 5%; display: block; line-height: 1.4;}
#gallery .system-contents .system-category{ margin-bottom: 0.1vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 4% 3%; width: 100%;}
#gallery .system-contents .system-category-set { margin-bottom: 5%; margin-top: 0;}
#gallery .system-contents .system-ttl{font-size: 4.2vw;font-weight: bold;margin-bottom: 3vw;padding-bottom: 2vw;border-bottom: 1px #ccc solid;line-height: 1.6;}
#gallery .system-contents .system-i-pic{ text-align: center; margin-bottom: 8%; }
#gallery .system-contents .system-i-pic img{ max-width: 100%; }

/* news -------------------------------------*/
#news .system-list{padding: 3vw;margin-bottom: 10%;}
#news .system-list-inner{padding: 3vw;}
#news .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
#news .system-list li a:hover{ text-decoration: none; }
#news .system-list .system-date{ font-size: 3.2vw; line-height: 1.4; margin-bottom: 2%}
#news .system-list .system-ttl-01{ font-size: 3.6vw; line-height: 1.6; }

#news .system-contents{padding: 3vw;margin-bottom: 10%;}
#news .system-contents-inner { background: #fff; padding: 5% 3%;}
#news .system-contents .system-date{ font-size: 3.8vw; margin-bottom: 5%; display: block; }
#news .system-contents .system-category-set { width: 100%; margin-bottom: 5%;}
#news .system-contents .system-category{ font-size: 3.2vw; color: #fff; text-align: center; padding: 2vw; width: 50%; margin-bottom: 1px; background: #111;}
#news .system-contents .system-ttl{ font-size: 4.2vw; font-weight: bold; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px #ccc solid; line-height: 1.4; }

/* event -------------------------------------*/
#event .system-list{background: #eeefef;padding: 3vw;margin-bottom: 10%;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-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;}
#event .system-list li{position: relative;line-height: 1.4;width: 49%;margin-right: 2%;position: relative;margin-bottom: 5vw;}
#event .system-list li:nth-child(2n){ margin-right: 0}
#event .system-list li a:hover{ text-decoration: none; }
#event .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 3.2vw; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
#event .system-list .btn::after { content: ' >';}
#event .system-pic{width: 100%;height: 36vw;text-align: center;margin-bottom: 8%;overflow: hidden;}
#event .system-pic img{width: 100%;height: 36vw;}
#event .system-date{ font-size: 3.2vw; margin-bottom: 5%; line-height: 1.6;}
#event .system-information { border-bottom: 1px solid #eee; padding-bottom: 0%; margin-bottom: 8%;}
#event .system-txt{ font-size:  3.6vw; margin-bottom: 3%; line-height: 1.6; }
#event .system-list th{border-bottom: #231815 1px solid;text-align: center;padding: 2.3vw 0;width: 10vw;}
#event .system-list td{ border-bottom: #231815 1px dotted; padding: 2.3vw; }

#event .system-contents table{ width: 100%; margin-bottom: 5vw; }
#event .system-contents th{border-bottom: #231815 1px solid;text-align: center;padding: 2.3vw 0;width: 10vw;}
#event .system-contents td{ border-bottom: #231815 1px dotted; padding: 2.3vw; }


#event .system-coment{ font-size: 3.2vw; margin-bottom: 5%; line-height: 1.6; }
#event .system-ttl-01{font-size: 3.8vw;font-weight: bold;line-height: 1.6;margin-bottom: 2cqw;}

#event .system-contents{padding: 3vw;margin-bottom: 3vw;}
#event .system-contents .system-txt{margin-bottom: 3%; }
#event .system-contents-inner { background: #fff; padding: 5% 3%;}
#event .system-contents .system-date{ font-size: 3.2vw; line-height: 1.4; text-align: right;}
#event .system-contents .system-date::before{ content: none; }
#event .system-contents .titleArea{ margin-bottom: 9%; padding-bottom: 3%; border-bottom: 1px #ccc solid;}
#event .system-contents .system-category{ margin-bottom: 0.1vw; font-size: 3.2vw; color: #fff; text-align: center; padding: 2vw; width: 100%;}
#event .system-contents .system-category-set { margin-bottom: 5%;}
#event .system-contents .system-ttl{font-size: 4.2vw;font-weight: bold;margin-bottom: 2vw;line-height: 1.6;}
#event .system-contents .system-icon02 { width: 100%;}
#event .system-contents .system-i-pic{ text-align: center; margin-bottom: 3vw; }
#event .system-contents .system-i-pic img{ max-width: 100%; height: auto; }
#event .system-contents #googlemaps{ height: 300px; border: 1px solid #dcdddd;}
#event .system-gallery { background: #eeefef; padding: 5% 3%;}
#event .system-gallery h2 { text-transform: uppercase;}
#event .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-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; }
#event .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4;}
#event .gallery-list li:nth-of-type(5n) { margin-right: 0;}
#event .gallery-list li a:hover{ text-decoration: none; }
#event .gallery-list li .system-Frame{ display: block; width: 100%; height: 120px; overflow: hidden; text-align: center; margin-bottom: 5%;}
#event .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
#event .gallery-list li .system-Frame img{ width: 100%; height: 120px; }
#event .sp-system-txt-in{display: inline-block; font-size: 3.2vw;}

/* blog -------------------------------------*/
/*patern1*/
#blog .mainContents .system-list{padding: 3vw;margin-bottom: 10%;}
#blog .mainContents .system-list-inner{background: #fff;padding: 3vw;}
#blog .mainContents .system-list li{ overflow: hidden; line-height: 1.4; margin-bottom: 5%; border-bottom: 1px dotted #b2b2b2; padding: 0 0 5%;}
#blog .mainContents .system-list li a:hover{ text-decoration: none; }
#blog .mainContents .system-list .system-date{ font-size: 3.2vw; line-height: 1.4; margin-bottom: 2%}
#blog .mainContents .system-list .system-ttl-01{ font-size: 3.6vw; line-height: 1.6; }
#blog .mainContents .system-list .system-category-set { margin-bottom: 2%; overflow: hidden;}
#blog .mainContents .system-list .system-category{ float: left; width: 49%; margin-bottom: 0.1vw; margin-right: 0.1vw; font-size: 3.2vw;  color: #fff; text-align: center; padding: 1vw; background: #111; line-height: 1.5;}
/**/
#blog .mainContents .system-contents{padding: 3vw;margin-bottom: 10%;}
#blog .mainContents .system-contents-inner { background: #fff; padding: 5% 3%;}
#blog .mainContents .system-contents .system-date{ font-size: 3.8vw; margin-bottom: 5%; display: block; }
#blog .mainContents .system-contents .system-category-set { width: 100%; margin-bottom: 5%; overflow: hidden;}
#blog .mainContents .system-contents .system-category{ float: left; font-size: 3.2vw; color: #fff; text-align: center; padding: 3% 2%; width: 49%; margin-bottom: 0.1vw; margin-right: 0.1vw; background: #111;}
#blog .mainContents .system-contents .system-ttl{ font-size: 4.2vw; font-weight: bold; margin-bottom: 5%; padding-bottom: 5%; border-bottom: 1px #ccc solid; line-height: 1.4; }
#blog .mainContents .system-contents .footInfo { margin-top: 10%; padding-top: 5%; border-top: 1px dotted #ccc;}
#blog .mainContents .system-contents .system-contributor { font-size: 3.2vw; margin-bottom: 5%; text-align: right;}
/*blogサイドバー*/
aside.sidebar { width: 80% !important; margin: 0 auto;}
aside.sidebar .aside-blog-ttl { border-bottom: 1px solid #ccc; padding-bottom: 5%; margin-bottom: 5%; text-align: center;}
aside.sidebar .aside-blog-ttl span.en { font-size: 3.2vw; display: block; margin-bottom: 3%; letter-spacing: 0.2vw; color: #ccc;}
aside.sidebar .aside-blog-ttl span.jp { font-size: 4.2vw; font-weight: bold; }
aside.sidebar .list-block { margin: 10% 0 15%;}
aside.sidebar a { line-height: 1.6; font-size: 3.2vw; border-bottom: 1px dotted #ddd; padding-bottom: 5%; margin-bottom: 5% !important;}

  /* message -------------------------------------*/
  #message .system-list{margin: 0 4vw 6.5vw;}
  #message .system-list li{width: 100%;position: relative;margin-bottom: 6.5vw;}
  #message .system-list li a:hover{ text-decoration: none; }
  #message .system-pic{height: 50.1vw;border-radius: 69.6vw;margin-bottom: 2.0vw;overflow: hidden;text-align: center;top: 0;margin: 0 21vw 6vw;left: 0;}
  #message .system-pic img{width: 100%;height: 51.1vw;}
  #message .system-job{ font-size: 0.813em; margin-bottom: 0.7vw; line-height: 1.4; text-align: center;}
  #message .system-name{font-size: 3.6vw;margin-bottom: 5.6vw;line-height: 1.4;font-weight: bold;text-align: center;}
  #message .system-name span{position: relative;font-size: 4.4vw;}
  #message .system-name span::after{ content: "/"; display: inline-block; margin-right: 1.3vw; }
  #message .come{font-size: 3.6vw;letter-spacing: 0.3vw;margin-bottom: 2.0vw;line-height:1.6;background: #fff;padding: 3.6vw;border-radius: 1.3vw;}

  /* modelhouse -------------------------------------*/
  #modelhouse .system-list{margin: 0 3vw 6.5vw;display: -webkit-box;display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-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;}
  #modelhouse .system-list li{line-height: 1.4;position: relative;margin-bottom: 4.6vw;padding: 2.6vw 1.3vw 3.9vw;width: 100%;}
  #modelhouse .system-list li:nth-child(3n){ margin-right: 0}
  #modelhouse .system-list li a:hover{ text-decoration: none; }
  #modelhouse .system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
  #modelhouse .system-list .btn::after { content: ' >';}
  #modelhouse .system-pic{height: 63.9vw;overflow: hidden;text-align: center;margin-bottom: -0.1vw;border: 0.4vw solid #231815;}
  #modelhouse .system-pic img{width: 100%;height: 63.9vw;}
  #modelhouse .system-list li .textbox{background: #FFF;border: 0.4vw solid #231815;padding: 5.2vw 5.2vw;}

  #modelhouse .system-list li .textbox .system-ttl-01{font-size: 4.1vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;border-bottom: 0.5vw #333 solid;padding-bottom: 1.3vw;margin-bottom: 3.9vw;}
  #modelhouse .system-list li .textbox p{position: relative;border-bottom: #666666 dotted 0.1vw;padding-bottom: 4.6vw;margin-bottom: 4.3vw;padding-left: 27vw;}
  #modelhouse .system-list li .textbox p .ttl{background: #231815;text-align: center;font-size: 3.6vw;color: #fff;position: absolute;top: -0.1vw;left: 0;height: 6.3vw;padding-top: 0.9vw;width: 24vw;}
  #modelhouse .system-list li .textbox p .ltext{font-size: 3.7vw; }
  #modelhouse .system-list li .textbox .en{ font-size: 1.4vw; line-height: 1.6; letter-spacing: 0.3vw; font-weight: 500; color: #666666; }


  #modelhouse .system-contents .textbox .system-ttl-01{font-size: 4.1vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 700;border-bottom: 0.5vw #333 solid;padding-bottom: 1.3vw;margin-bottom: 3.9vw;}
  #modelhouse .system-contents .textbox p{position: relative;border-bottom: #666666 dotted 0.1vw;padding-bottom: 4.6vw;margin-bottom: 4.3vw;padding-left: 31vw;}
  #modelhouse .system-contents .textbox p .ttl{background: #231815;text-align: center;font-size: 3.6vw;color: #fff;position: absolute;top: -0.1vw;left: 0;height: 6.3vw;padding-top: 0.0vw;width: 27vw;}
  #modelhouse .system-contents .textbox p .ltext{font-size: 3.7vw; }
  #modelhouse .system-contents .textbox .en{ font-size: 1.4vw; line-height: 1.6; letter-spacing: 0.3vw; font-weight: 500; color: #666666; }

  #modelhouse .system-contents{background: #eeefef;margin-bottom: 3.9vw;}
  #modelhouse .system-contents-inner {background: #fff;padding: 5.2vw 3.6vw;}
  #modelhouse .system-contents .system-date{ font-size: 0.75em; line-height: 1.4; text-align: right;}
  #modelhouse .system-contents .system-date::before{ content: none; }
  #modelhouse .system-contents .titleArea{ margin-bottom: 3.9vw; padding-bottom: 3.3vw; border-bottom: 0.1vw #ccc solid;}
  #modelhouse .system-contents .system-category{ margin-bottom: 2.6vw; font-size: 0.75em; color: #fff; text-align: center; padding: 1.0vw; width: 20%;  margin-right: 0.3vw;}
  #modelhouse .system-contents .system-ttl{ font-size: 1.375em; font-weight: bold; margin-bottom: 1.3vw; line-height: 1.4;}
  #modelhouse .system-contents .system-txt{ font-size: 0.813em; margin-bottom: 3.3vw; line-height: 1.4; }
  #modelhouse .system-contents .system-price{ font-size: 1em; line-height: 1.4; }
  #modelhouse .system-contents .system-price span{ font-size: 1.75em; font-weight: bold; line-height: 1.4; }
  #modelhouse .system-contents .system-icon02 { width: 20%;}
  #modelhouse .system-contents .system-i-pic{ text-align: center; margin-bottom: 6.5vw; }
  #modelhouse .system-contents .system-i-pic img{ max-width: 100%; max-height: 78.2vw; width: auto; height: auto; }
  #modelhouse .system-gallery { background: #eeefef; padding: 5% 3%;}
  #modelhouse .system-gallery h2 { text-transform: uppercase;}
  #modelhouse .gallery-list{ display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-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; }
  #modelhouse .gallery-list li{ width: 18.4%; position: relative; margin:0 2% 25px 0; font-size: 0.75em; line-height: 1.4;}
  #modelhouse .gallery-list li:nth-of-type(5n) { margin-right: 0;}
  #modelhouse .gallery-list li a:hover{ text-decoration: none; }
  #modelhouse .gallery-list li .system-Frame{display: block;width: 100%;height: 13vw;overflow: hidden;text-align: center;margin-bottom: 5%;}
  #modelhouse .gallery-list li .system-Frame::after{ content: url(../images/common/icon_plus.jpg); display: block; position: absolute; top: 90px; right: 0;}
  #modelhouse .gallery-list li .system-Frame img{width: 100%;height: 13vw;}
  #modelhouse table.system-details { border: 0.1vw solid #dcdddd; margin-bottom: 6.5vw; font-size: 0.875em; line-height: 1.6; width: 100%;}
  #modelhouse table.system-details th { border: 0.1vw solid #dcdddd; text-align: left; background-color: #eeefef; padding: 2.6vw; vertical-align: top;}
  #modelhouse table.system-details td { border: 0.1vw solid #dcdddd; text-align: left; padding: 2.6vw; vertical-align: top;}
  #modelhouse table.system-details td img { max-width: 100%; height: auto;}
  #modelhouse .system-contents #googlemaps{ height: 65.2vw; border: 0.1vw solid #dcdddd;}

  /* lineup -------------------------------------*/
  #lineup .system-list {margin: 0 3vw 6.5vw;display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  #lineup .system-list li {line-height: 1.4;width: 49%;margin-right: 2%;background: #231815;position: relative;margin-bottom: 2.6vw;text-align: center;color: #fff;padding-bottom: 4vw;}
  #lineup .system-list li:nth-child(2n) { margin-right: 0; }
  #lineup .system-list li a{ color: #fff; }
  #lineup .system-list li a:hover { text-decoration: none; }
  #lineup .system-list .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 2%; }
  #lineup .system-list .btn::after { content: ' >'; }
  #lineup .system-pic { width: 100%; height: 45.6vw; overflow: hidden; text-align: center; margin-bottom: 2.0vw; }
  #lineup .system-pic img { width: 100%; height: 45.6vw; }
  #lineup .system-list li .system-date { font-size: 0.75em; margin-bottom: 1.3vw; line-height: 1.4; }
  #lineup .system-name {font-size: 3.6vw;margin-bottom: 3.2vw;line-height: 1.4;letter-spacing: 0.3vw;font-weight: bold;}
  #lineup .system-coment { font-size: 0.75em; margin-bottom: 0.7vw; line-height: 1.4; }
  #lineup .system-ttl-01 {font-size: 3.8vw;margin: 0 2.6vw 1.3vw;line-height: 1.4;font-weight: 700;}
  #lineup .system-list li .system-category-set{font-size: 3.6vw;margin-bottom: 2vw;}

  #lineup .serchcategory1{margin: 0 3vw 3vw;}
  #lineup .serchcategory1 .icon {display: inline-block;margin-bottom: 2.0vw;font-size: 3.6vw;font-weight: 500;/* color: #fff; */text-align: center;padding: 1.3vw 2.6vw;background: #fff;border-radius: 1.3vw;border: 0.1vw solid #333;}
  #lineup .serchcategory1 .all {display: inline-block;margin-bottom: 2.0vw;font-size: 3.6vw;font-weight: 500; color: #fff;text-align: center;padding: 1.3vw 2.6vw;background: #333;border-radius: 1.3vw;border: 0.1vw solid #333;}

  #lineup .serchcategory1 .actv {display: inline-block;margin-bottom: 2.0vw;font-size: 3.6vw;font-weight: 500; color: #fff;text-align: center;padding: 1.3vw 2.6vw;background: #333;border-radius: 1.3vw;border: 0.1vw solid #333;}

  #lineup .system-contents .system-come{background: #fff;padding: 4.6vw;margin-bottom: 5.2vw;font-size: 3.6vw;line-height: 1.6;letter-spacing: 0.3vw;font-weight: 500;}

  #lineup .system-contents { margin-bottom: 3.9vw; }
  #lineup .system-contents-inner {margin: 0 4vw;}
  #lineup .system-contents .system-date { font-size: 1em; margin-bottom: 2.0vw; display: block; color: #2f9f20; }
  #lineup .system-contents .system-category-set { margin-top: 0.0vw; margin-bottom: 0; }
  #lineup .system-contents .system-category { margin-bottom: 2.6vw; font-size: 0.75em; color: #fff; text-align: center; padding: 1.0vw; width: 20%;  margin-right: 0.3vw; }
  #lineup .system-contents .system-ttl {color: #000000;font-size: 4.4vw;font-weight: bold;letter-spacing: 0.3vw;border-bottom: 0.1vw solid;margin-bottom: 3.7vw;}
  #lineup .system-contents .system-i-pic { text-align: center; margin-bottom: 6.5vw; }
  #lineup .system-contents .system-i-pic img { max-width: 100%; max-height: 78.2vw; width: auto; max-height: auto; }
  #lineup .system-gallery { background: #eeefef; padding: 3.9vw 2.6vw; }
  #lineup .system-gallery h3 { text-transform: uppercase; }
  #lineup .gallery-list { display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #lineup .gallery-list li {width: 32%;position: relative;margin: 0 2% 3.3vw 0;font-size: 0.75em;line-height: 1.4;text-align: left;}
  #lineup .gallery-list li:nth-of-type(3n) { margin-right: 0; }
  #lineup .gallery-list li a:hover { text-decoration: none; }
  #lineup .gallery-list li .system-Frame {display: block;width: 100%;height: 25.6vw;overflow: hidden;text-align: center;margin-bottom: 1.0vw;}
  #lineup .gallery-list li .system-Frame::after {content: url(../images/common/icon_plus.jpg);display: block;position: absolute;bottom: 0vw;right: 0;}
  #lineup .gallery-list li .system-Frame img {width: 100%;height: 25.6vw;}
  #lineup .system-list02 { background: #eeefef; padding: 5.3vw 2.7vw 2.7vw; margin-bottom: 6.5vw; display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #lineup .system-list02 li { line-height: 1.4; width: 23.5%; margin-right: 2%; background: #fff; position: relative; margin-bottom: 2.6vw; padding: 2.6vw 1.3vw 3.9vw; }
  #lineup .system-list02 li:nth-child(4n) { margin-right: 0; }
  #lineup .system-list02 li a:hover { text-decoration: none; }
  #lineup .system-list02 .btn { text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%; }
  #lineup .system-list02 .btn::after { content: ' >'; }
  #lineup .system-list02 .system-pic { width: 100%; height: 23.5vw; overflow: hidden; text-align: center; margin-bottom: 2.0vw; }
  #lineup .system-list02 .system-pic img { width: 100%; height: 23.5vw; }
  #lineup .system-list02 .system-date { font-size: 0.75em; margin-bottom: 1.3vw; line-height: 1.4; }
  #lineup .system-list02 .system-date::before { content: "■"; }
  #lineup .system-list02 .system-coment { font-size: 0.75em; margin-bottom: 0.7vw; line-height: 1.4; }
  #lineup .system-list02 .system-ttl-01 { font-size: 1em; margin-bottom: 2.6vw; line-height: 1.4; }

  #lineup .system-list li .system-pri{font-size: 3vw;line-height: 1.6;letter-spacing: 0.8px;font-weight: 700;border-top: 1px dotted #fff;padding-top: 10px;margin: 0 20px;}
  #lineup .system-contents .system-pri{font-size: 3.2vw;line-height: 1.6;letter-spacing: 0.8px;font-weight: 700;margin-bottom: 5vw;text-align: right;}

/*タブ切り替え全体のスタイル*/
.tabs {margin-top: 6.5vw;padding-bottom: 5.2vw;background-color: #fff;box-shadow: 0 0 1.3vw rgba(0, 0, 0, 0.2);width: 100%;position: relative;}
/*タブのスタイル*/
.tab_item {height: 9.5vw;width: 50%;float: left;border-bottom: 1px solid #fff;background-color: #DFDDD3;line-height:1.6;font-size: 3.6vw;text-align: center;color: #565656;display: block;text-align: center;font-weight: bold;transition: all 0.2s ease;padding: 1.8vw 2.6vw;}
.tab_item:hover {opacity: 0.75; }
/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none; }
/*タブ切り替えの中身のスタイル*/
.tab_content {display: none; padding: 5.2vw 5.2vw 0; clear: both; overflow: hidden; }
/*選択されているタブのコンテンツのみを表示*/
#tab0:checked ~ #tab0_content, #tab1:checked ~ #tab1_content, #tab2:checked ~ #tab2_content, #tab3:checked ~ #tab3_content, #tab4:checked ~ #tab4_content, #tab5:checked ~ #tab5_content, #tab6:checked ~ #tab6_content, #tab7:checked ~ #tab7_content, #tab8:checked ~ #tab8_content, #tab9:checked ~ #tab9_content, #tab10:checked ~ #tab10_content, #tab11:checked ~ #tab11_content, #tab12:checked ~ #tab12_content, #tab13:checked ~ #tab13_content, #tab14:checked ~ #tab14_content, #tab15:checked ~ #tab15_content, #tab16:checked ~ #tab16_content, #tab17:checked ~ #tab17_content, #tab18:checked ~ #tab18_content, #tab19:checked ~ #tab19_content, #tab20:checked ~ #tab20_content, #tab21:checked ~ #tab21_content, #tab22:checked ~ #tab22_content, #tab23:checked ~ #tab23_content, #tab24:checked ~ #tab24_content, #tab25:checked ~ #tab25_content, #tab26:checked ~ #tab26_content, #tab27:checked ~ #tab27_content, #tab28:checked ~ #tab28_content, #tab29:checked ~ #tab29_content, #tab30:checked ~ #tab30_content, #tab31:checked ~ #tab31_content, #tab32:checked ~ #tab32_content, #tab33:checked ~ #tab33_content, #tab34:checked ~ #tab34_content, #tab35:checked ~ #tab35_content, #tab36:checked ~ #tab36_content, #tab37:checked ~ #tab37_content, #tab38:checked ~ #tab38_content, #tab39:checked ~ #tab39_content, #tab40:checked ~ #tab40_content, #tab41:checked ~ #tab41_content, #tab42:checked ~ #tab42_content, #tab43:checked ~ #tab43_content, #tab44:checked ~ #tab44_content, #tab45:checked ~ #tab45_content, #tab46:checked ~ #tab46_content, #tab47:checked ~ #tab47_content, #tab48:checked ~ #tab48_content, #tab49:checked ~ #tab49_content, #tab50:checked ~ #tab50_content {display: block; }
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {background-color: #2C5D49;color: #fff;}
.tab_item {border-right: 1px solid #fff;}
.tab_item:nth-child(4n) { border-right: none; }

  #lineup .system-gallery02-pic-box{margin-bottom: 3.9vw;}
  #lineup .system-gallery02-pic-box img{ width: 100%; height: auto; }
  #lineup .system-gallery02-pic-box{  }
  #lineup .tab_content h3{font-size: 4.8vw;border-bottom: 0.1vw solid #333;padding-bottom: 1.3vw;margin-bottom: 2.6vw;font-weight: bold;}
  #lineup .tab_content .texxt{ font-size: 3.6vw; font-weight: 500; border-bottom: 0.1vw solid;padding-bottom: 2.9vw;}
.tab_item span{  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }


/* form -------------------------------------*/
.form-Box{ padding: 4% 2%; margin-bottom: 30px; line-height: 1.6;}
.form-Box .form-Box-inner{background: #fff;padding: 5vw 4vw;border: 3px solid #231815;}
.form-Box .form-list { font-size: 3.2vw; margin-bottom: 10%;}
.form-Box .error { margin-bottom: 1rem;}
.form-Box .attention-color {color: #B91C24;}
.form-Box .form-list li { padding-left: 1rem; text-indent: -1rem; margin-bottom: 3px; }
.form-Box table {border-top: #DCDCDC solid 1px;margin-bottom: 10%;font-size: 3.4vw;line-height: 1.6;border-left: none;border-right: none;}
.form-Box tr { margin-bottom: 0 !important}
.form-Box th {text-align: left;width: 100%;background-color: #eeefef;padding: 3%;vertical-align: top;}
.form-Box td {border-bottom: 0;text-align: left;width: 100%;padding: 7% 3%;vertical-align: top;}
.form-Box .from-btn-01 { text-align: center; }
.form-Box .from-btn-02 { margin-top: 10%;}
.form-Box .button { border: 0; padding: 0; margin: 0; background: none;}
.form-Box .from-btn-02 p { margin-bottom: 3%;}
.form-Box input[type="text"],
.form-Box input[type="email"],
.form-Box input[type="tel"],
.form-Box input[type="date"],
.form-Box select,
.form-Box textarea {width: 99%; margin-bottom: 2%; font-size: 16px; padding: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.form-Box input.input-txt1 {width: 30%; }
.form-Box textarea {font-size: 16px; line-height: 1.6; min-height: 120px;}
.form-Box select{font-size: 3.8vw; padding: 3% 2% 4%; width: 60%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}


.priv-title{ text-align: center; margin-bottom: 4%; }
.priv-text{padding: 3%;overflow-y:scroll;height: 250px;border:#ccc solid 1px;margin-bottom: 5%;background: #F2F2EE;}
.priv-text .priv-ttl{ margin-bottom: 2%; font-size: 1.5rem; font-weight: bold; }
.priv-text p{ margin-bottom: 4%; font-size: 3.2vw; margin-bottom: 4%; padding-bottom: 4%; border-bottom: #ccc solid 1px; }
.priv{ text-align: center; margin-bottom: 5%; }
.priv-text .tt{ margin-bottom: 3%;  font-size: 4.8vw; font-weight: bold; }

}