@charset "utf-8";
/* CSS Document */

@media screen and (max-width: 899px) {
    .inner {
        width:auto;
        padding: 0 10px;
    }
}
@media screen and (max-width: 800px) {
  
.sp{display: block;}
.pc{display: none;}

body{min-width: 100%;}
#header{display: none;}
.bread{display: none;}

h1.title {
  font-size: 17px;
  margin: 0 0 20px 0;
}
h1.title .icon img{height: 30px;width: auto;}
h1.title span {
    font-size: 11px;
}

.content {
    float: none;
    width: 100%;
    margin: 0 0 50px 0;
}
.menu {
    float: none;
    width: 100%;
}
h2.title {
    font-size: 15px;
    padding: 12px;
    border-top: 3px solid #1a5fa7;
    margin: 0 0 20px 0;
}

#slide_menu{
  display: block;
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background: #1a5fa7;
}
#slide_menu .global .logo{text-align: center;float: none;width: auto;margin-bottom: 8px;}
#slide_menu .global .logo img{width: auto;height: 20px;}
#slide_menu p{font-size: 12px;}
#slide_menu .global{
  width: 100%;
  text-align: center;
  padding: 15px 15px 0;
  color: #fff;
}
#slide_menu .global .md{
 color: #000;
 text-align: left;
 background-color: rgba(255,255,255,1);
 margin: 0 0 5px 0;
}
#slide_menu .global .md span{display: block;padding: 2px 15px;font-size: 13px;}
#slide_menu .global .menulist{
  width: 100%;
  margin: 0 auto;
}
ul.bt-lineup-list{overflow: hidden;margin: 0 0 0px 0;}
ul.bt-lineup-list li{
 width: 49%;
 float: left;
 margin: 0 2% 2% 0;
 text-align: center;
 background-color: rgba(255,255,255,0.2);
 font-size: 13px;
}
ul.bt-lineup-list li:nth-child(2n){
 margin: 0 0 2% 0;
}
ul.bt-lineup-list li span{
 display: block;
 padding: 3px 0;
}
ul.bt-lineup-list li a:link{color: #fff;}
ul.bt-lineup-list li a:hover{color: #fff;}
ul.bt-lineup-list li a:visited{color: #fff;}
ul.bt-lineup-list li a:active{color: #fff;}

ul.bt-menu-list li{
 color: #000;
 text-align: left;
 background-color: rgba(255,255,255,1);
 margin: 0 0 5px 0;
}
ul.bt-menu-list li span{
 display: block;
 padding: 2px 15px;
 font-size: 13px;
}

#headerSp{
	display: block;
	border-bottom: 1px solid #eee;
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
	position:relative;
	width: 100%;
	height: 55px;
	/*overflow: hidden;*/
	top:0;
	left: 0;
	z-index: 9999;
}
#headerSp .wrap{
  padding: 5px 10px 10px;
  overflow: hidden;
}
#headerSp .logo{
  float: left;
  margin: 4px 0 0 0;
}
#headerSp .logo img{width:auto;height: 30px;}
#menuRight{
	float: right;
	width: 45px;
	height: 35px;
	position: relative;
}

.sp-menu{
 float: right;
}
.sp-menu ul{overflow: hidden;}
.sp-menu ul li{
 float: left;
 margin: 0 0 0 1px;
 width: 70px;
 text-align: center;
 font-size: 10px;
 line-height: 1;
 background-color: #1a5fa7;
 color: #fff;
 height: 50px;
 padding: 10px 0 0 0;
}
.sp-menu ul li i{
 display: block;
 font-size: 15px;
 margin: 0 0 4px 0;
}
.sp-menu ul li a:link{color: #fff;}
.sp-menu ul li a:hover{color: #fff;}
.sp-menu ul li a:visited{color: #fff;}
.sp-menu ul li a:active{color: #fff;}

/*ハンバーガーメニュー*/
.hamburger{
	position:fixed;
	top:18px;
	right:16px;
	z-index: 9999;
}
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 20px;
	height: 16px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #000;
	border-radius: 0px;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 7px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
	
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(7px) rotate(-45deg);
	transform: translateY(7px) rotate(-45deg);
	background-color: #fff!important;
}
.menu-trigger.active span:nth-of-type(2) {
	-webkit-transform: translateY(0) rotate(45deg);
	transform: translateY(0) rotate(45deg);
	background-color: #fff!important;
}
.menu-trigger.active span:nth-of-type(3) {
	opacity: 0;
}

#slide{padding: 0 0px;}
#slide .swiper-slide {
    width: 100%!important;
}
#slide .swiper-slide img{
 width: 100%;
 height: auto;
}
#slide .swiper-wrapper {
    padding: 0px 0px 30px;
}
#slide .swiper-pagination{
 bottom: 0;
}
.brand-bnr {
    padding: 20px 10px 10px;
}
.brand-bnr .md {
    margin: 0 0 10px 0;
}
.brand-bnr ul.list {
    width: auto;
}
.brand-bnr .other-lineup {
    padding: 0 0px;
    margin: 20px 0 0 0;
}
.brand-bnr .folts h3 img {
    max-width: 100px;
}
.other-lineup ul li.logo_folts .inn:before {
    height: 20px;
    margin-bottom: 2px;
}
.other-lineup ul li {
    width: 50%;
    height: 150px;
}
.other-lineup ul li .pic{
 height: 150px;
}
.other-lineup ul li .inn {
    font-size: 15px;
}
.entry-item-list {
    width: 100%;
    margin: 30px auto 50px;
    padding: 0 10px;
}
.news-box {
    width: 100%;
    float: none;
}
.blog-box {
    width: 100%;
    float: none;
}
.entry-item-list .title-box {
    margin: 0 0 10px 0;
}
.entry-item-list .news-list ul {
    margin: 0 0 30px 0;
}

/**/
.pnl-box .bnr_folts {
    margin: 0 10px 10px;
}
.pnl-box .bnr_folts > a {
    padding: 6% 10px 2%;
}
.pnl-box .bnr_folts > a > img {
    width: 40%
}
.pnl-box .bnr_folts.commingsoon:before {
    position: absolute;
    top: 9%;
    left: 50%;
    width: 32.28%;
    transform: translate(-50%,0);
}
/**/
	
.pnl-box .inn #bnr_bunjo {
    background: url(../../img/bg_bog.png) repeat;
    margin-bottom: 0px;
    padding: 10px;
}
.pnl-box .inn img{width: 100%;height: auto;}
.pnl-box .inn ul{
 padding: 10px;
}
.pnl-box .inn ul li{margin: 0 0 5px 0;}

.pnl-box {
    margin: 0 0 10px 0;
}
.bnr-link {
    width: 100%;
    padding: 0 10px 10px;
}
.bnr-link ul li img{width: 100%;height: auto;}
.bnr-link ul li {
 width: 49%;
 float: left;
 margin: 0 2% 2% 0;
}
.bnr-link ul li:first-child{
 width: 100%;
}
.bnr-link ul li:nth-child(3){
 margin: 0 0 2% 0;
}
.bnr-link ul li:nth-child(5){
 margin: 0 0 2% 0;
}
.bnr-link ul li:nth-child(6){
 width: 100%;
}
.bnr-link ul li:nth-child(7){
 width: 100%;
}
.bnr-link ul li:nth-child(8){
 width: 100%;
}

/*access*/
.shop {
    margin: 0 0 40px 0;
}
.shop .md {
    font-size: 15px;
    margin: 0 0 15px 0;
    padding: 0 0 5px 0;
}
.shop .box {
    margin: 0 0 15px 0;
}
.shop .box .pic {
    float: none;
    width: 100%;
    margin: 0 0 12px 0;
}
.shop .box .txt {
    float: none;
    width: 100%;
}
.shop .box .txt dt {
    font-size: 11px;
    padding: 3px 0px;
}
.shop .box .txt dd {
    padding: 3px 0 3px 15px;
}
.shop .map iframe {
    height: 250px;
}

.menu .bnr-list{
 display: none;
}
.bnr-box{display: none;}
article {
    padding: 20px 0;
}
.sns-list {
    margin: 0px 0 0 0;
    padding: 0 0 20px 0;
}

#bnr_bunjo {
    background: url(../../img/bg_bog.png) repeat;
    margin-bottom: 10px;
    padding: 10px;
}
#bnr_bunjo img{
 width: 100%;
 height: auto;
}

/*form*/
body.contact p.lead {
    text-align: left;
    margin: 0 0 20px 0;
}
body.contact p.lead br{display: none;}

body.request p.lead {
    text-align: left;
    margin: 0 0 20px 0;
}
body.request p.lead br{display: none;}

.mailform {
    margin: 0 0 50px 0;
}
.mailform table tbody tr th {
    width: 100%;
    display:block;
    padding: 10px 0px 0 0;
}
.mailform table tbody tr td {
    padding: 5px 0 10px 0px;
    width: 100%;
    display:block;
}
.request-box {
    padding: 15px;
}

.request-box .md {
    font-size: 15px;
    margin: 0 0 7px 0;
}
.request-box .inn {
    padding: 12px;
}
.request-box .inn p{font-size: 12px;line-height: 150%;}
.request-box .inn ul li {
 font-size: 12px;
 margin: 0 0 0 20px;
 line-height: 150%;
}

/*company*/
.story {
    margin: 0 0 10px 0;
}
.story .pic {
    float: none;
    width: 100%;
    text-align: center;
}
.story .pic img{height: 200px;width: auto;}
.story .txt {
    float: none;
    width: 100%;
    margin: 10px 0 0 0;
}
.story .txt h3 {
    font-size: 16px;
    text-align: center;
    line-height: 150%;
    margin: 0 0 10px 0;
}

.corporate .tbl_01 th {
    display: block;
    width: 100%;
    padding: 8px 12px 8px 12px;
}
.corporate .tbl_01 td{
 display: block;
    width: 100%;
}
.corporate .tbl_01 {
    margin-bottom: 0px;
}

.lead-min {
    font-size: 18px;
    margin: 20px 0 10px 0;
}

.tab li {
    width: 49%;
    padding: 5px 0;
    margin-right: 0;
    margin: 0 2% 2% 0;
}
.tab li:nth-child(2n){
 margin: 0 0 2% 0;
}
.staff-list .pic {
    float: none;
    width: 100%;
    text-align: center;
}
.staff-list .pic img {
    width: 50%;
}
.staff-list .txt {
    float: none;
    width: 100%;
}
.staff-list .txt .name {
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}
.intro {
    padding: 15px;
    margin: 20px 0 0 0;
}
.staff-list {
    margin: 0 0 30px 0;
}
.staff-list:last-child{
    margin: 0 0 0px 0;
}
.tab-content li {
    padding: 30px 0 0px 0;
}

.achievement-list {
 overflow: auto;
 white-space: nowrap;
}

.achievement-list::-webkit-scrollbar {
 height: 5px;
}

.achievement-list::-webkit-scrollbar-track {
 background: #F1F1F1;
}

.achievement-list::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}

.achievement-list table tr th,
.achievement-list table tr td {
    padding: 5px 10px;
    font-size: 12px;
}

/*guide*/
.main-guide {
    padding: 40px 20px;
}
.main-guide .inn {
    width: 100%;
}
.main-guide .inn .md {
    margin: 0 0 10px 0;
}
.main-guide .inn .md img{
 height: 20px;
 width: auto;
}
.main-guide .inn p{
 font-size: 11px;
 line-height: 150%;
}
.yesno {
    width: 100%;
    padding: 40px 0 10px 0;
}
.inBox {
    margin-top: 10px;
}

.guide .inner{
 padding: 0;
}
.guide-lineup {
    padding: 30px 10px;
}
.guide-lineup .title01 {
    font-size: 14px;
}
.guide-lineup .title01 em {
    font-size: 26px;
    margin: 0 0 10px 0;
}
.guide-lineup p.inBox{
 text-align: left;
}
.guide-lineup p.inBox  br{display: none;}
.lineup-list {
    width: 100%;
}
.lineup-list ul li .pic {
    height: 150px;
    margin: 0 0 12px 0;
}
.lineup-list ul li .name {
    font-size: 16px;
}
.lineup-list ul li .jp{
 line-height: 150%;
}
/**/
.lineup-list ul li.logo_folts .name {
    position: relative;
    display: block;
}
.lineup-list ul li.logo_folts .name:before {
    height: 24px;
    background-size: 100px auto;
    margin-right: 0;
    margin-bottom: 3px;
}
/**/
.bnrArea {
    text-align: center;
    padding: 40px 0;
}
.bnrArea ul li {
    width: 250px !important;
    margin: 5px 0!important;
}
.flow-box {
    padding: 30px 0px 50px;
}
.flow-box .inn {
 width: 100%;
    padding: 0 20px;
}
.flow-box .inn .title02 {
    margin: 0px 0 20px 0;
}
.flow-box .inn ul li {
    width: 100%;
    margin: 0 0 20px 0;
    max-width: 100%;
}
.flow-box .inn ul li span img{width: 100%;height: auto;}
#sec-ptn02 {
    padding: 50px 10px;
}
#sec-ptn02 .eng {
    font-size: 35px;
}
#sec-ptn02 p{
 font-size: 12px;
}
#sec-ptn02 .bt {
    width: 100%;
    margin: 10px auto;
}
#sec-ptn02 .bt span {
    padding: 15px 0;
}
.guide .action {
    width: 100%;
    margin: 0px auto;
    border: none;
}
.action .md {
    font-size: 16px;
    margin: 0 0 10px 0;
}
.action .set {
    padding: 10px;
}
.action .set ul li {
    width: 100%;
    float: none;
    margin: 0 0 5px 0;
}
.action .set ul li:last-child{margin: 0;}

/*solar*/
.solar-box .pic img{width: 100%;height: auto;}
.solar-box p {
    margin: 20px 0;
}

/*museum*/
.brand-list {
    padding: 20px;
    margin: 0 0 0px 0;
}
.brand-list ul {
    margin: 0px 0 0 0;
}
.brand-list ul li {
    width: 49.5%;
    margin: 0 1% 1% 0;
}
.brand-list ul li:nth-child(5n) {
    margin: 0 1% 1% 0;
}
.brand-list ul li:nth-child(2n){
 margin: 0 0 1% 0;
}
.maker .md {
    font-size: 16px;
    margin: 30px 0 10px 0;
}

.maker {
    margin: 0 0 20px 0;
}

/*sekou*/
.sekou .tbl_01 td{
 padding: 8px 1px;
 font-size: 11px;
 line-height: 150%;
}
.boshu .md {
    font-size: 16px;
    margin: 0 0 10px 0;
}

/*policy*/
.policy-list dt {
    font-size: 15px;
}
.policy-list dd{
 font-size: 13px;
}
.policy-list {
    margin:0;
}

.select-tv ul li {
    width: 49.5%;
    margin: 0 1% 1% 0;
}
.select-tv ul li:nth-child(5n) {
    margin: 0 1% 1% 0;
}
.select-tv ul li:nth-child(2n) {
    margin: 0 0 1% 0;
}
.select-tv ul li span {
    padding: 7px 0;
}

.tv-list ul li {
    width: 100%;
    margin: 0 0 25px 0;
    float: none;
}

.tv-list .md{height: auto!important;}
.tv-list .txt{height: auto!important;}

.cat-lead {
    margin: 0 0 20px 0;
    font-size: 15px;
}

/*construction*/
.construction p.lead {
    font-size: 15px;
    margin: 0 0 20px 0;
}
.c-point {
    padding: 30px 0 0 0;
    margin: 0 0 30px 0;
}
.c-point .title {
    margin: 0 0 20px 0;
}
.c-point .title span {
    font-size: 17px;
}
.c-point .title .md {
    font-size: 17px;
}
.construction .c-point p.lead {
    font-size: 14px;
    text-align: left;
    margin: 0 0 15px 0;
}
.construction .c-point p.lead br{display: none;}

.c-point .box .right {
    width: 100%;
    float: none;
}
.c-point .box .right img{
 width: 70%;
 height: auto;
}
.c-point .box .left {
    width: 100%;
    float: none;
}

.c-main {
    height: 180px;
    margin: 0 0 20px 0;
}
.c-point .box .hd {
    font-size: 16px;
}
.point01 .col3 ul li:nth-child(1){
 width: 49%;
 margin: 0 2% 2% 0;
}
.point01 .col3 ul li:nth-child(2){
 width: 49%;
 margin: 0 0 2% 0;
}
.point01 .col3 ul li:nth-child(3){
 width: 100%;
 margin: 0;
}
.point01 .col3 ul li .pic {
    height: 150px;
}
.point01 .col3 ul li p{
 font-size: 13px;
}
.jas .pic {
    float: none;
    margin: 0 0px 10px 0;
    text-align: center;
}
.jas {
    padding: 20px 0 0 0;
}
.jas .pic img {
    width: 60px;
}
.jas .txt .md {
    text-align: center;
}
.c-point .box .list {
    margin: 0 0 10px 0;
    padding: 15px;
}
.c-point .box .list .hd {
    font-size: 15px;
}
.c-point .box .list p {
    padding: 10px;
    margin: 10px 0 0 0;
}
.col3 ul li .pic {
    height: 120px;
}

.mb50 {
    margin: 10px 0 20px 0;
}
.mb100 {
    margin: 0 0 50px 0;
}
.point03 .col3 ul li {
    width: 100%;
    margin: 0 0 15px 0;
    float: none;overflow: hidden;
}
.c-point .col3 li .md {
    font-size: 16px;
}
.point03 .col3 ul li:nth-child(2) .logo{display: none;}
.point03 .col3 ul li:nth-child(2) .md{margin: 15px 0 0 0;}
.point03 .col3{
 border-bottom: 1px solid #ddd;
}
.house-air {
 margin: 25px 0 0 0;
}
.house-air .md {
    font-size: 17px;
    margin: 0 0 20px 0;
}
.house-air .img img{width: 100%;height: auto;}
.c-num {
    margin: 25px 0 0 0;
}
.c-num .pic{display: none;}
.c-num .txt {
    float: none;
    width: 100%;
}

.zukai {
    padding: 0px;
}
.zukai img{width: 100%;height: auto;}
.point5 {
    margin: 0 0 25px 0;
}
.point5 li {
    height: 150px;
    padding: 20px 0;
}
.point6 ul li{
 height: 150px;
 padding: 10px 0;
}
.point6 ul li img{width: auto;height: 100%;}

.specification {
    padding: 40px 10px;
}
.specification .md {
    font-size: 17px;
    margin: 0 0 15px 0;
}

/*estate*/
.select-area ul li span {
    font-size: 12px;
    padding: 5px 0;
}

.case-list ul{
 grid-template-columns: repeat(2, 1fr);
}

.estate-list ul li {
    width: 100%;
    float: none;
    margin: 0 0 15px 0;
    padding: 10px;
}

.estate-list ul li:nth-child(2n) {
    margin: 0 0 15px 0;
}

.estate-list ul li .pic {
    width: 100%;
    height: 120px;
    margin: 0 0 10px 0;
}
.estate-list ul li .txt {
    float: none;
    width: 100%;
    height: auto!important;
    padding: 0 0px 0 0;
}
.estate-entry h2 {
    padding: 10px;
    margin: 0 0 20px 0;
    font-size: 16px;
}
.main-estate {
    margin: 0 0 25px 0;
}
.kukaku-area {
    margin: 0 0 25px 0;
}
h3.estate {
    padding: 10px 10px;
    font-size: 15px;
    margin: 0 0 15px 0;
}
.kukaku-area .pic img {
    height: auto;
    width: 100%;
}
.kukaku-area .pic {
    padding: 10px;
}
.location-list ul li {
    width: 49%;
}
.location-list ul li:nth-child(2n) {
    margin: 0 0 2% 0;
}
.location-list ul li p{
 font-size: 12px;
}
.location-list ul li .pic {
    height: 140px;
}

.estate-info .g_tbl01 th,
.estate-info .g_tbl01 td {
    width: 100%;
    display: block;
    padding: 3px 10px;
    font-size: 12px;
    text-align: left;
}
.estate-info .g_tbl02 th,
.estate-info .g_tbl02 td {
    padding: 3px 10px;
    font-size: 12px;
    text-align: left;
}
.estate-info .g_tbl02 th{
 width: 30%;
 display:inline-block;
}
.estate-info .g_tbl02 td{
 width: 70%;
 display:inline-block;
}
.bt-back {
    width: 100%;
    margin: 20px auto 0;
}
.single-estate  action {
    margin: 40px 0 0 0;
}


/*case*/
.select-case ul li span {
    padding: 7px 3px;
    font-size: 12px;
}
.select-case ul li {
    width: 49%;
    margin: 0 2% 2% 0;
}
.select-case ul li:nth-child(2n){
 margin: 0 0 2% 0;
}
.select-case {
    margin: 0 0 20px 0;
}

.case-list ul li {
    width: 100%;
    margin: 0 2% 2% 0;
}
.case-list ul li:nth-child(3n) {
    margin: 0 2% 2% 0;
}
.case-list ul li:nth-child(2n){
 margin: 0 0 2% 0;
}
.case-list ul li .md {
 line-height: 150%;
}
.case-entry .title-box {
    padding: 10px;
    margin: 0 0 10px 0;
}
.case-entry .title-box h2 {
    font-size: 16px;
}
.case-entry .pic-box {
    margin: 0 0 20px 0;
}

.case-entry .pic-main {
    height: 180px;
    margin: 0 auto 10px;
}
.case-entry .pic-main img {
    height:180px;
    width: auto;
}
.case-entry .info-box .txt {
    width: 100%;
    float: none;
}
.case-entry .info-box .info {
    width: 100%;
    float: none;
}

.case-entry .info-box {
    margin: 0 0 20px 0;
}
.interview-main {
    margin: 0 0 7px 0;
}
.case-entry .lead-info {
    margin: 0 0 25px 0;
}
.case-entry .lead-info .tmb {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}
.case-entry .lead-info .txt {
    width: 100%;
    float: none;
}
.title-point {
    font-size: 18px;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
}
.point-list .tmb ul li {
    width: 40%;
    height: 150px;
    margin: 0 2% 0 0;
}
.point-list .tmb ul li:last-child {
    width: 58%;
}
.point-list {
    margin: 0 0 30px 0;
}
.point-list .txt p{
 text-align: left!important;
}
.point-list:last-child {
    margin: 0 0 0px 0;
}

/*model*/

.status {
    margin: 0 0 10px 0;
}

.model-list ul li .md {
    font-size: 16px;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.model-list ul li .pic {
    height: 220px;
    margin: 0 0 10px 0;
}
.model-list ul li .bt-set span {
    padding: 8px 0;
    font-size: 13px;
}
.model-list ul li {
    margin: 0 0 30px 0;
}
.model-entry h2 {
    font-size: 16px;
    margin: 0 0 15px 0;
}

.model-entry .pic-list {
    margin: 0 0 30px 0;
}
.view .md {
    font-size: 16px;
    padding: 20px 0 0 0;
    margin: 0 0 15px 0;
}
/*.view ul li {
    width: 49%;
    height: 60px;
    margin: 0 2% 2% 0;
}
.view ul li:nth-child(2n) {
    margin: 0 0 2% 0;
}*/
.view ul li{height: 350px;}
.view {
    margin: 0 0 20px 0;
}
.kimitsu-box {
    padding: 20px 15px 15px;
    margin: 0 0 50px 0;
}
.kimitsu-box .md {
    font-size: 17px;
    margin: 0 0 12px 0;
}
.kimitsu-box .inn {
    padding: 15px;
    margin: 15px 0 0 0;
}
.kimitsu-box .inn .point dt {
    font-size: 16px;
}
.kimitsu-box .inn .point dd{
 font-size: 13px;
}
.kimitsu-box .inn .wrap .right{display: none;}

.kimitsu-box .inn .wrap .left {
    width: 100%;
    float: none;
}

.other-lineup{margin: 0 0 10px 0;}
.other-lineup .md {
    font-size: 22px;
    margin: 0 0 20px 0;
}
.quality-list .list .wrap .pic {
    width: 100%;
    float: none;
}

.quality-list .list .wrap p {
    width: 100%;
    float: none;
}
.quality-list .list dl {
    margin: 0 0 10px 0;
}
.quality-list .list .check .hd {
    font-size: 16px;
}
.quality-list .flow-list ul li {
    width: 100%;
    float: none;
    margin: 0 0 10px 0;
    padding: 12px;
}
.quality-list .list .check.last {
    margin: 0 0 50px 0;
}

.news-list ul li {
    padding: 10px 0;
}
.news-list ul li dt {
    display: block;
    width: 100%;
    color: #777;
    font-size: 12px;
}
.news-list ul li dd {
    display: block;
    width: 100%;
}

.news-entry .md {
    font-size: 16px;
}
.news-entry .txt {
    margin: 0 0 40px 0;
}

/*lineup*/

.lineup .lineup-list{
 padding: 0 10px;
}
.brand-name .eng {
    font-size: 12px;
}
.brand-logo img {
    height: 25px;
}
.brand-name p {
    font-size: 15px;
}
.brand-name {
    margin: 0 0 20px 0;
}
/**/
.brand-name {
    margin: 20px;
}
.brand-logo.logo_folts {
    display: block;
}
.brand-logo.logo_folts:before {
    width: 160px;
    height: 36px;
    background-size: 100% auto;
}
.brand-logo.logo_folts > div {
    margin-left: 0;
    padding-left: 0;
    margin-top: 10px;
    border-left: none;
    text-align: center;
}
/**/
.lineup .main {
    height: 350px;
}

.lineup .main .inn .copy {
    font-size: 26px;
}

.copy-image {
    padding: 50px 10px 20px;
    width: auto;
}
.copy-image .brand-lead {
    margin: 0 0 20px 0;
    font-size: 18px;
}
.copy-image .pic {
    height: 400px;
}
.copy-image .pic .lead {
    font-size: 22px;
}
.brand-box {
    width: auto;
    margin: 0 auto 50px;
    padding: 0 10px 25px;
}
.brand-box .lead-txt {
    padding: 30px 0 30px 0;
}
.brand-box .lead-txt p{
 text-align: left;
}
.brand-box .lead-txt p br{display: none;}
.brand-box h2 {
    font-size: 18px;
    margin: 0 0 12px 0;
}
.wall .pic {
    height: 300px;
}
.brand-box .pic {
    height: 300px;
}
.brand-box.last {
    margin: 0 auto 0px;
    padding: 0 10px 10px;
}
.wall ul li {
    height: 300px;
}
.navi-bt {
    padding: 10px;
    width: auto;
    margin: 0 auto 0px;
    text-align: center;
}
.navi-bt .bt span {
    padding: 15px 0;
    font-size: 16px;
}
.lineup .action {
    width: auto;
    margin: 0 auto;
    border: none;
    padding: 35px 20px;
    margin: 0px 0 0 0;
    text-align: center;
    border-top:1px solid #ddd;
}

.brand-lineup {
    width: auto;
    padding: 0 10px;
}

.brand-lineup .title h2{
 font-size: 18px;
}
.brand-lineup .title {
    margin: 0 0 30px 0;
}
.brand-lineup .list {
    margin: 0 0 50px 0;
}
.brand-lineup .list .list-logo img {
    height: 50px;
    margin: 0 0 15px 0;
}
.brand-lineup .list .lead-txt {
    margin: 0 0 20px 0;
}
.brand-lineup .list .lead-txt h2 {
    font-size: 18px;
    margin: 0 0 10px 0;
}
.brand-lineup .list .lead-txt p{
 text-align: left;
}
.brand-lineup .list .lead-txt p br{display: none;}
.gallery-slide {
    width: auto;
    margin: 0 auto 30px;
}
.gallery-slide .swiper-slide{width: auto!important;}
.gallery-slide .swiper-slide img {
    height: 200px;
    width: auto;
}
.showroom {
    padding: 35px 10px;
}
.showroom h2 {
    font-size: 18px;
    margin: 0 0 15px 0;
}
.showroom ul {
    width: auto;
}

.showroom ul li {
    width: 100%;
    float: none;
    margin: 0 0 30px 0;
}
.showroom ul li .pic {
    height: 200px;
    margin: 0 0 20px 0;
}
.showroom ul li .name {
    font-size: 16px;
}
.showroom ul li dt {
    width: 80px;
    font-size: 12px;
    padding: 3px 0px;
}

.showroom ul li dd {
    padding: 3px 0 3px 15px;
}
.showroom ul li .bt {
    margin: 10px 0 0 0;
}
.showroom ul li .bt span {
    padding: 10px 0;
    font-size: 14px;
}
.madori .image img {
    height: auto;
    width: 100%;
}
.madori .image {
    padding: 10px;
    margin: 0 0 20px 0;
}
.gallery-slide .md {
    font-size: 22px;
    margin: 0 0 20px 0;
}
.lineup .main .inn .copy img {
    height: 120px;
}
.madori .md {
    font-size: 16px;
}
.madori .md br{display: none;}

.brand-box .pic.three .t-label img {
    height: auto;
    width: 100%;
}
.brand-box .pic.three {
    height: 500px;
}
.three-point {
    margin: 25px 0 0 0;
}
.three-point ul li {
    width: 100%;
    float: none;
    margin: 0 0 20px 0;
}
.three-point ul li .md {
    text-align: left;
    font-size: 16px;
}
.brand-box .navi-bt {
    margin: 10px 0 0 0;
}
.series .md {
    font-size: 22px;
    margin: 0 0 12px 0;
}
.series p.lead {
    font-size: 15px;
    margin: 0 0 20px 0;
}
.series {
    width: auto;
    padding: 0 10px;
    margin: 0 auto 40px;
}
.regularmodel ul li {
    width: 100%;
    height: 220px;
    float: none;
    margin: 0 0 10px 0;
}
.regularmodel ul li p {
    font-size: 16px;
    line-height: 180%;
}
.conceptmodel ul li {
    width: 49%;
    margin: 0 2% 6% 0;
}
.conceptmodel ul li:nth-child(3n) {
    margin: 0 2% 6% 0;
}
.conceptmodel ul li:nth-child(2n){
 margin: 0 0 4% 0;
}
.conceptmodel ul li .pic {
    margin: 0 0 5px 0;
}
.conceptmodel ul li .mark img {
    height: 18px;
}

.freeq .brand-lineup .list .list-logo img {
    height: 20px;
}

/*footer*/
#footer .inn {
    width: 100%;
    padding: 35px 10px 70px;
}
#footer .inn .logo-set p {
    font-size: 12px;
}
#footer .inn .logo-set img{height: 38px;width: auto;}
.address {
    margin: 5px 0 10px 0;
}
.btm-tel .item {
    display: block;
    margin: 0 0 7px 0;
}
.btm-tel .item span {
    padding: 7px 10px;
    line-height: 1;
    display: block;
    font-size: 12px;
    margin: 0 0px 0 0;
}
#footer .inn .sitemap {
    margin: 20px 0 0 0;
}
#footer .inn .sitemap ul {
    width: 49%;
    margin: 0 2% 2% 0;
    border-top: 1px solid #ddd;
    padding: 20px 0 0 0;
}
#footer .inn .sitemap ul:nth-child(2n){
 margin: 0 0 2% 0;
}
.bt-staff {
    width: 220px;
    margin: 5px auto 15px;
}
#up {
    bottom: 15pximportant;
    right: 5px!important;
}
.copyright {
    font-size: 12px;
}

#footerSp{display: block;}
#footerSp {
    display: block;
    width: 100%;
    background-color: rgba(255,255,255,0.8);
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9989;
    border-top:1px solid #fff;
}
#footerSp ul {
    overflow: hidden;
    padding: 4px;
}
#footerSp ul li {
    width: 25%;
    float: left;
    margin: 0 0 0 0;
    text-align: center;
    font-size: 12px;
}
#footerSp ul li span {
    background-color:rgba(255,255,255,0.8);
    border: 2px solid #fff;
    display: block;
    padding: 5px 0;
    background-color: #1a5fa7;
    color: #fff;
    border-radius: 3px;
    line-height: 1;
}
#footerSp ul li span i{
 display: block;
 margin: 0 0 3px 0;
}
#footerSp ul li:last-child {
    margin: 0;
}

.flex-control-thumbs li {
    padding: 2px;
}

.sekou-box {
    width: 100%;
    padding: 0 10px;
    margin: 0 auto 0px;
}
.sekou-box .action{
 margin-top: 0;
}
.specification .inn{
 width: auto;
}

.construction article {
    padding: 20px 0 0px 0;
}

img-360{width: 350px;}

.main-sss {
    width: 100%;
    border: 2px solid #fff;
    margin: 0 auto 40px;
}
.sss-inr {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
body.sss h2 {
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 150%;
    text-align: center;
}
.sss-inr p{
 text-align: left;
}
.sss-inr p br{display: none;}

.movie-box {
    padding: 40px 0 0 0;
    margin: 40px 0 0 0;
}
.movie-box .item {
    margin: 0 0 40px 0;
}
.sss-inr-w {
    padding: 0px;
    margin: 0 0 40px 0;
}
.sss-inr-w .inr {
    padding: 40px 20px;
}
.sss-inr-w hr.cept {
    width: 50px;
    border: 2px solid #000;
    margin-bottom: 20px;
}
.sss-inr-w .inr .box {
    margin: 0 0 40px 0;
}
.box-movie {
    width: 100%;
}
.point{
 padding: 15px;
}
.point .md{
 font-size: 14px;
}
.point ul li{
 font-size: 12px;
}

.sss-inr-w .box h3 {
 font-size: 17px;
 line-height: 150%;
    margin: 0 0 15px 0;
}
.sss-inr-w .box p{
 text-align: left;
}
.sss-inr-w .box p br{display: none;}
.tmb-panel {
    width: 100%;
    margin: 20px auto 0;
}
.tmb-panel ul li {
    width: 100%;
    float: none;
}
.col3 {
    width: 100%;
    margin: 10px auto 0;
}
.box-text .col3 {
    width: 100%;
}
.box-text .col3 ul li {
    width: 100%;
    margin: 0 0 15px 0;
    float: none;
}
.box-text .col3 ul li p{
 text-align: center;
}
.box-text .pic {
    width: 100%;
}
.model-sample {
    margin: 10px 0 0 0;
}
.hikaku {
 width: 100%;
    padding: 30px 0px;
    margin: 20px 0 0 0;
}
.hikaku table {
    margin: 15px 0 0 0;
    font-size: 11px;
}
.hikaku table th, .hikaku table td {
    padding: 5px 5px;
}
.sss-inr-hlf {
    width: 100%;
    margin: 30px auto 0px;
}
.sss-inr-hlf .left {
    width: 100%;
    float: none;
    margin: 0 0 0px 0;
}
.sss-inr-hlf .right {
    width: 100%;
    float: none;
    padding: 40px 0 0 0;
}
.sss-inr.last .col3 ul li {
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
}

.bnr-sss{
 width: 100%;
}
.bnr-sss img{
 margin: 20px 0 0 0;
 border: 2px solid #fff;
}


/*modal*/
.modal__window {
  max-width: 90%;
  padding: 20px 0px 0px;
}
.point__insert{
 padding: 10px 10px 0px;
}
.point__md{
 font-size: 16px;
 margin: 0 0 10px 0;
}
.point__insert ul li{
 width: 100%;
 padding: 0 0 20px 0;
 float: none;
}
.point__insert ul li .pic{
 height: 160px;
 margin: 0 0 10px 0;
}
.point__insert ul li .hd{
 font-size: 15px;
}

body.recruit .content img{
 max-width: 100%;
 height: auto;
}

.embed iframe{
 height: 400px;
}

.renove-bnr-sp img{
 width: 100%;
 height: auto;
}
.renove-bnr-sp{
 padding: 0px 5px 50px;
 position: fixed;
 bottom: 0px;
 transition: all .3s;
}
.renove-bnr-sp.fixed{bottom: -200px;transition: all .3s;}

.reform img {
    max-width: 100%;
}
.reform-list {
    margin-bottom: 30px;
}
.reform-list > ul > li {
    width: 50%;
    height: 280px;
}
.reform-list > ul > li .txt {
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    font-weight: 700;
}
.reform-list > ul > li .category {
    margin-bottom: 10px !important;
    font-size: 22px;
}
.reform-list > ul > li .hd {
    font-size: 18px;
    font-weight: 700;
}
.reform-list > ul > li .detail {
    margin-top: 5px;
}
.reform-list > ul > li .detail > li {
    font-size: 9px;
}
.reform-list > ul > li.main {
    height: 200px;
    margin-top: 20px;
    background-image: url(/reform/img/main_sp2.jpg);
}
.reform-list > ul > li.main h2 {
    width: 90%;
    margin: 0 auto;
}
.reform-list > ul > li.main .lead {
    margin-top: 10px;
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}
.reform-list > ul > li.main-sp {
    width: 100%;
    margin-bottom: 15px;
    background-image: url(/reform/img/main_sp1.jpg);
}
.reform-list > ul > li.main-sp .txt {
    bottom: auto;
    top: 50%;
    left: 50%;
    width: auto;
    text-align: center;
    transform: translate(-50%, -50%);
}
.reform-list > ul > li.main-sp .txt p {
    white-space: nowrap;
}
.reform-list > ul > li.main-sp .sub {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 1.4;
    letter-spacing: 0.3em;
}
.reform-list > ul > li.main-sp h2 {
    width: 88%;
    margin: 20px auto;
}
.reform-list > ul > li.main-sp .lead {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}
.reform-moreBtn {
    width: 85%;
    margin: 25px auto;
}
.reform-moreBtn a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
    padding: 0;
    font-size: 18px;
    line-height: 1.25;
}
.reform-h3 {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 700;
}
.reform-consultation {
    margin-bottom: 25px;
}
.reform-consultation > ul > li {
    width: 100%;
    height: 123px;
}
.reform-consultation > ul > li .txt {
    left: 10px;
    bottom: 10px;
    width: calc(100% - 20px);
    font-weight: 700;
}
.reform-consultation > ul > li .category {
    margin-bottom: 5px !important;
    font-size: 22px;
}
.reform-consultation > ul > li .hd {
    margin-bottom: 2px !important;
    font-size: 18px;
    font-weight: 700;
}
.reform-consultation > ul > li .lead {
    font-size: 9px;
}
.reform-h4 {
    margin-bottom: 1em;
    font-size: 18px;
    line-height: 1.25;
}
.reform-bnr {
    height: 265px;
    background-image: url(/reform/img/bnr_renove_sp.jpg);
}
.reform-bnr a {
    right: auto;
    left: 50%;
    bottom: -15px;
    width: 156.5px;
    transform: translateX(-50%);
}
.reform-bnr a span {
    height: 36.5px;
    font-size: 16px;
    font-weight: 700;
}


/*---------------------------------------------------------------------------------------------------------------------------------------- 800px */
}


@media screen and (max-width: 320px) {
	
/*---------------------------------------------------------------------------------------------------------------------------------------- 320px */
}