@charset "UTF-8";
/*
	Theme Name: ogata-gc-sp
	Author: eSales System Laboratory Inc.
	Author URI: http://www.e-uru.biz/
	Version: 1.0.0
*/

/****************************************
General Setting
*****************************************/

body {
	font-size: 14px;
	min-width: 100%;
	letter-spacing: 0px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	text-size-adjust: none;
	-webkit-text-size-adjust: 100%;
}

.sp {display:   block;}
.pc {display: none;}
img.spimgblock { float: none; display: block; margin-left: auto!important; margin-right: auto!important; margin-bottom: 10px; }
span.spbr { display: block; }
span.pcbr { display: inline; }

/****************************************

Typography

*****************************************/
img {
	max-width: 100%;
	height: auto;
}

footer {
	width: 100%;
	background-size: cover;
}

iframe { max-width: 100%; }

/****************************************

Layout

*****************************************/
header { background: #fff; }
header #headerL.fixed,
body.home header { background: #fff; box-shadow: 2px 1px 2px #ddd; }
#sp_menu_btn {
	position: absolute;
	display: block;
	cursor: pointer;
	width:50px;
	height:50px;
	right:6px;
	top: 10px;
	margin-top:0px;
	margin-right:0px;
	z-index: 1000;
}

#header {
	display: block;
	width: 100%;
	height: 100px;
	height: auto;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: auto;
	margin-right: auto;
}

#header #logo {
	float: none;
	max-width: calc( 100% - 50px) ;
	width: auto;
	height: auto;
	margin:0;
	margin-top: 2px;
	margin-left: 10px;
	padding: 0;
}

body.home #header #logo {
	display: none;
}
#header #logo img { max-height: 60px; }
#gnavi {
	position: fixed;
	top: 0px;
	z-index: 999;
	width: 100%;
	float: none;
	display: block;
}

#gnavi.menu_open {
	height: 100%;
	background: #fff;
	overflow-y: scroll;
	padding-bottom: 50px;
}


.menu {
	margin-top:55px;
	margin-left: auto;
	margin:0;
	padding: 0;
	width:100%;
	height: auto;
	float: none;
	display:  none;
}

.menu ul{
	display: block;
	list-style-type: none;
	margin: 0px 0;
	padding: 50px 0;
}

.menu li{
	display:block;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	width:100%;
	box-sizing: border-box;
	border-bottom:1px #aaa solid;
	background: #fff;
}
.menu li.menu1{
	border-top:1px #333 solid;	
}

.menu li.sns01,
.menu li.sns02 {
	display: block;
	width: auto;
	text-align: left;
	border: 0px;
}

.menu li.sns01 a,
.menu li.sns02 a {
	text-align: left;
}

.menu span.wrap,
.menu a{
	display: block;
	text-align: left;
	padding: 5px 10px;
	position: relative;
	color: #333;
	width: auto;
	height: 100%;
	font-size: 15px;
	border: 0px !important;
	line-height: 3em;
}
.menu a:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
	opacity: 1;
	display: none;
}
.menu span.pcbr { display: inline; }

.menu a:hover {color: #e00;}
.menu a:hover{
	-webkit-transition: color 0.2s, font 0.2s;
	-moz-transition: color 0.2s, font 0.2s;
	transition: color 0.2s, font 0.2s;
}
.menu ul:after {
	clear: both;
	display: block;
	content: "";
}

.menu a:hover:after { background-color: #fff; }

#top01 .wrapper,
.wrapper-f,
.mB .wrapper, .kizi .wrapper,
.wrapper02,
#top-work.wrapper,
#container,
.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
.mB .wrapper, .kizi .wrapper { width: auto; padding-left: 10px; padding-right: 10px; }


#maincon {
	padding: 20px 0px 0px;
}

.sp_menuf {
	color: #494949 !important;
	display: block;
	padding: 10px 0px;
	text-align: center;
	border: 1px solid #333;
	font-size: 16px;
}

#newstopics .box1 li {
	display: block;
	width: auto;
}

#top-news .alignleft { 
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-bottom: 50px;
}
#top-news .alignright {
	float: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-bottom: 0px;	
}
#top-news .alignright li, #top-news .alignleft li {border-bottom: 1px solid #000;  margin-bottom: 10px; padding-bottom: 10px;}
#top-news .alignleft li .img { float: left; display: block; width: 30%; height: auto; overflow: hidden; margin-right: 2%; }
#top-news .alignright li .img { float: left; display: block; width: 30%; height: auto; overflow: hidden; margin-right: 2%; }
#top-news .box1 {
    border-bottom: 0px solid #000;
    display: inline-block;
    width: 65%;
    height: auto;
}


.morebottun { display: block; margin-left: auto; margin-right: auto; width: 150px; padding: 0.5em 3.5em 0.5em 3.2em;}
.morebottun_b {
	background-position-x: 96%;
	display: block;
	width: auto;
	padding: 10px 30px 10px 5px;
}
.morebottun_b:hover{
	background-position-x: 90%;
	color: #fff !important;
	text-decoration: none !important;
}
.morebottun_b.short { margin-left: auto; margin-right: auto; }
.morebottun_wrap { position: sticky; }

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

#telmenu {
	height: 0;
	position: fixed;
	overflow: hidden;
	width: 100%;
	z-index: 991;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.65);
	transition: filter 0.3s, opacity 0.3s;
	filter: alpha(opacity=0);
	opacity: 0;	
}

#telmenu.active{
	height: 110vh;
	filter:alpha(opacity=100); opacity:1;
}
#telmenu ul{
	padding: 60px 20px 0;
}
#telmenu li{
	background: #fff;
	border-radius: 3px;
	box-shadow:
		-2px 2px 5px #333,
		2px 2px 5px #333;
}
#telmenu li + li{
	margin-top:15px;
}
#telmenu li a{
	display: block;
	text-decoration: none;
	color: #333;
	position: relative;
	padding: 20px 10px 20px 70px;
	font-size: 24px;

}

#telmenu .close{
	display: block;
	width: 140px;
	margin:20px auto 0;
	font-size: 16px;
	line-height: 100%;
	color: #fff;
	text-align: center;
	background: #000;
	border-radius: 6px;
	padding:14px 10px;
	font-weight: bold;
	box-shadow:
		-2px 2px 5px #333,
		2px 2px 5px #333;
}


#telmenu li a span.block{
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 55px;
	height: 55px;
	left:5px;
	top:50%;
	text-align: center;
	transform:translate(0, -50%);
}
#telmenu li a i {
	font-size: 26px;
	line-height: 100%;
	position: absolute;
	color: #605f5f;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

#footer01 { z-index:10;}
#footer_fixed { padding: 0px; height: auto; position: fixed; bottom: 0px; width: 100%; }
#footer_fixed .fbtn { display: flex; justify-content: center; width: 100%; }
#footer_fixed .fbtn span,
#footer_fixed .fbtn a {
	display: block;
	width: 25%;
}

#footer01 .box01 { display: block; width: 90%; margin: auto; vertical-align: top; }
#footer01 .flogo { float: none; display: block; margin: auto auto 10px; }
#footer01 .box02 { display: block; width: 90%; margin: auto;  }
#footer01 .box02 .font18 { font-size: 14px; }
#gotop { bottom: 0px; right: 0px; }

#footer02 {
	padding-top: 15px;
}

#footer02 div.box1 {
	float: none;
	width:96%;
	margin: 0 auto 20px auto;
	font-size: 14px;
	border-right: 0px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
#footer02 ul { display: block; width: auto; padding: 0px; }
#footer02 ul li { display: inline-block; width: 49%; padding: 0px; font-size: 10px; }
#footer02 div.box2 {
	float: none;
	width:96%;
	margin: 0 auto 10px;
	padding: 10px 1%;
}

#footer02 .box1 span {
	display:    block;
}
#footer02 div.box3 ul { width: 100%; display: flex; padding: 10px 0px 30px; margin: 0px 0px; }
#footer02 div.box3 li { width: 33%; padding: 0px; }
#footer02 div.box3 li:nth-child(1) { width: 30%; height: 30px; }
#footer02 div.box3 li:nth-child(2) { width: 30%; height: 30px; }
#footer02 div.box3 li:nth-child(3) { width: 36%; height: 30px; }
#footer02 div.box3 li a { width: auto; padding: 1.5em 20px 0em 10px; font-size: 14px; margin: 5px 1%; display: block; background-size: 5px; height: 2.5em; }
#footer02 div.box3 li.line2 a { width: auto; padding: 0.8em; 10px; }
#footer02 div.box2 .item01,
#footer02 div.box2 .item02,
#footer02 div.box2 .item03 {
	padding: 10px !important;
	display: block;
	width: auto;
}
#footer02 div.box2 .item01 img { display: block;}

#footer02 .fwrap { padding: 5px 10px; margin: 0px 15px; }
#footer02 .fadd span { font-size: 15px; }
#footer02 .fadd a { color: #fff; }


#sec01 {
	padding-top: 40px;
	padding-bottom: 40px;
}

#sec02 {
	padding-bottom: 30px;
}
#sec03 {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #c4c4c4;
}

#sec04 {
	padding-top: 50px;
	padding-bottom: 50px;
}
#sec05 {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #494949;
	margin-bottom: 40px;
}
#sec06 {
	margin-bottom: 50px;	
}
#sec06 .bgrenova {
	background: #c4c4c4;
	position: sticky;
}
#sec07 {
	margin-bottom: 100px;	
}

#top-event {
	background: url(/newhp/images/bg-event-sp.jpg) no-repeat top center;
	background-size: cover;
	padding: 60px 0px;
	margin-bottom: 80px;
	    position: sticky;
}

#top06 {
	padding-top: 0px;
	padding-bottom: 50px;
}

#top07 {
	padding-top: 0px;
	padding-bottom: 50px;
}

#top08 {
	padding-top: 0px;
	padding-bottom: 50px;
}

/* kaso */
#main { float: none; width: 100%; }
#sidepage { float: none; width: 100%; }

.photos li .alignright,
.photos li .alignleft { float: none; }
.photos li img { display: block; margin: 10px auto; }

.photos li img.halfleft,
.photos li img.halfright { float: none; width: auto; max-width: 100%;}

.photos li img.alignleft,
.photos li img.alignright {
	margin: 10px auto;
}
.photos li .halfright,
.photos li .halfleft { max-width: 100%; vertical-align: top; display: block; }
.photos li .halfleft { padding-right: 0px; }
.photos li img.halfright { float: none; }


.photos .part span { font-size: 16px; }
.kanren ul.list02 li,
.kanren ul.list li { width: 98%; margin: 10px auto; }
.kanren .list li img { width: 80px; height: 80px; }

.mB { font-size: 1.3em; margin: 0px; padding: 15px 10px 15px; text-align: center; line-height: 1.5em; height: auto; font-weight: 600; letter-spacing: 0px; }
.w_desc {  font-size: 1.3em; letter-spacing: .15em;
	line-height: 1.5em; }
.kizi { padding-top: 20px; }
.kizittlevent { font-size: 1.3em; line-height: 1.5em; padding-bottom: 20px; padding-top: 20px; }
.kizittlvoi { font-size: 1.3em; line-height: 1.5em; padding-bottom: 20px; }
.kizittl { font-size: 1.3em; line-height: 1.5em; padding: 10px 0px 20px; }
.kizittlsekou { font-size: 1.3em; line-height: 1.5em; padding: 10px 0px 0px; margin: 0px; }
.midashibg,
.midashid,
.ttl-m { font-size: 18px; }
.sekourei_catch { font-size: 1.2em;  }
.kizittl_line { font-size: 18px; }
.showhouse_catch { font-size: 17px; letter-spacing: 0px; }
.gallerylist li .title { font-size: 16px; }
.kizittl.blogttl {  font-size: 1.3em; }
.breadcrumbs { display: none; }

.blog-thumbnail { width: 100px; height: auto; margin-right: 10px; }
.bloglist-thumbnail { width:80px; margin-right: 10px; }

.gaiyou th { font-weight: 600; padding-left: 15px; border-width: 0px; background: #eee; }
.gaiyou th, .gaiyou td { display: block; width: auto; }
.gaiyou td { padding: 15px 10px; }
.history th { width: 6.1em; padding: 10px 0px; }
.right_exit { margin: 10px 5px; }
.right_exit .link { padding-left: 0px; }
.bg-content .wrapper .kizi { padding: 0px 10px; }
.subHeader:after { display: none !important; }

.child_page { width: 48%; margin: 0px 1% 10px; }
/* kaso */
.contactform { font-size: 16px; letter-spacing: 0px; }
.contactform th, .contactform td { display: block; width: auto; }

.contactform th, .contactform td { display: block; width: auto;}

.contactform td select {
	font-size:13px;

}


input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
textarea {
	width: 100%;
	width:98%;
	font-size: 16px;
}

input#text-18 { font-size: 13px; }
input.age, input#age { width: 2em !important; }

#pdf_list li { width: auto; display: block;}
#pdf_list li img { width: 80px; float: left; margin-right: 10px; }

.kizittlref {
	font-size: 1.4em;
	margin: 0px 0px 20px;
	padding: 30px 0px 30px;
	/* border-bottom: 1px solid #eee; */
	text-align: center;
	letter-spacing: .15em;
	background: url(/newhp/images/dot-red.png) no-repeat left bottom;
	background-size: 28px;
	background-position-x: 460px;
}

.worktags { text-align: center; }

.worktagsr li {
	display: inline-block;
	width: 176px;
}
#footer02 div.fcom .flogo { margin-right: auto; margin-left: auto; display: block;}
#footer03  { padding-bottom: 60px; }
span.wpcf7-list-item { margin-left: 0px !important; }
.event_catch { font-size: 18px; }

ul.innerlink  li {
	display: inline-block;
	width: 47%;
	margin: 10px 1%;
	background: #0C7231;
	color: #fff;
	border-radius: 20px;
	box-shadow: 5px 5px 3px #ddd;
}

ul.innerlink li span,
ul.innerlink li a {
	padding: 10px 20px;
	display: block;
	font-size:18px;
	color: #fff;
	text-align: center;
	position: relative;
}

.event_list li {
	display: block;
	width: 300px;
	margin: 7px auto!important;
	padding: 0px 10px !important;
}
.event_list li .txt { padding: 10px 0px; }
.event_list li h2 { font-size: 14px; }

ul.work_list li {
	display: block;
	width: 300px;
	border: 0px;
	border-bottom: 1px solid #ddd;
	margin: 7px auto!important;
	padding-bottom: 10px;
}
ul.work_list li h2 {
	padding: 10px 15px 8px 0px;
	font-size: 14px;
}
ul.work_list li h2 a { font-size: 14px; }

.bukendata { font-size: 13px; }
.bukendata dl {
	display: block;
	width: auto;
	padding-bottom: 5px;
	padding-top: 5px;
	margin: 0px 1%;
	border-bottom: 1px solid #ccc;
}
.bukendata dl dt { width: 27%; padding-left: 2px; padding-right: 2px; }
.bukendata dl dd { width: 71%; }
.bukendata dl:after {
	clear: both;
	content: "";
	display: block;
}

.staffList {
	display: block;
	text-align: center;
}
.staffList li { width: 100%; margin: 0px auto 20px !important; }
.staffList li span.img { width: 48%; float: left; height: auto; }
.staffList li span.img img { height: 130px; width: 90%; }
#staffDedail .box2 {
	width: auto;
}

.staffMainImage { width: 200px;}
#staffDedail .staffProfile th,
#staffDedail .staffProfile td {
	display: block;
	width: auto;
	padding: 5px 10px;
	border: 0px !important;
}
#recoStaff li { width: 48%; }
#recoStaff li p.staffp1 { font-size: 12px; }
#recoStaff li p { margin: 5px 0px; font-size: 12px!important; }
#staffDedail .box1 { margin-top: 0px; text-align: center; width: auto; margin-right: auto; display: block; }
#staffDedail .position,
#staffDedail h1 { text-align: center; }
#staffDedail h1 { font-size:20px; }
.eventmainimg { max-width: 100%; }
.tags span, .tags a { font-size: 12px; padding: 2px 3px; }
.worktags li a { margin-right: 8px; padding: 1px 2px; font-size: 12px; }

.con_catch {
	font-size: 18px;
}

.con-txt {
	font-size: 15px;
	letter-spacing: 0px;
	line-height: 1.8em;
}

.con_title {
	margin-bottom: 25px;
	font-size: 20px;
	letter-spacing: 0px;
	line-height: 2em;
	color: #494949;
	font-weight: 600;
	text-align: center;
}

#page-concept ul { text-align: center; display: block; flex-wrap: wrap; justify-content: center; margin: 0px 0px 10px;}
#page-concept ul li { float: none; display: inline-block; width: 45%; vertical-align: top; }
#page-concept ul li h2 { font-size: 18px; color: #004797; }

#showroompage .ttl { letter-spacing: 0px !important; }
#footer02 div.box3 .f_logo { 
	display: block;
	margin-top: 30px;
	text-align: center;	
}
.fsns img.youtube,
.fsns img { margin: 10px 8px; }

.bg-w{
	padding: 10px; 
}

.midashi {
	clear: both;
	color: #494949;
	padding: 5px 0px 20px 0px;
	margin-top: 20px;
	font-size: 20px;
	letter-spacing: 0px;
}

div.wpcf7 .wpcf7-submit { display: block; }

.midashimessagerinenb { font-size: 20px; line-height: 2em; margin-bottom: 20px; }
.saiyou th { width: 4em; }
.vtext { padding-left: 0px; }
.blogContent img.alignleft,
.blogContent img.alignright { float: none !important; display: block;}
.kizittlkawara { font-size: 20px; }
#top-concept ul { flex-wrap: wrap; }
#top-concept ul li div.more a { width: auto; display: block; font-size: 12px; }
#top-concept ul li {
    max-width: 359px;
    width: 90%;
    text-align: center;
    margin-bottom: 30px;
}
#top-concept li h2 { font-size: 17px; text-align: center; margin: 0px 0px 10px; font-weight: 500; }
#top-concept li div.num { font-size: 24px; text-align: center; margin: 0px 0px 15px; font-weight: 500; font-family: serif; }

#top-modelhouse .box01 {
    width: 90%;
    display: block;
    text-align: center;
    vertical-align: middle;
    font-size: 32px;
    font-weight: 400;
    margin: 0px auto 30px;
}
#top-modelhouse .box02 {
    width: 98%;
    display: block;
    vertical-align: middle;
    text-align: center;
    margin: auto;
}
#top-modelhouse .box02 ul { flex-wrap: wrap; margin: auto; }
#top-modelhouse .box02 ul li {width: 90%; margin: 0px auto 10px; float: none!important; }

.staff-n { margin-left: 1.5em; }
.staff-n span:before { margin-left: -1em; margin-right: 0.5em; }

#top-work ul li {
  float: none;
  display: inline-block;
  width: 48%;
  margin: 10px 3% 0px 0px;
  box-sizing: border-box;
  text-align: left;
  padding-bottom: 10px;
}
#top-work ul li:nth-child(2n + 2) { margin-right: 0px; }
#top-work ul li div.wrap img { height: 130px; }
#top-news .alignright .ttl01,
#top-concept .ttl01,
#top-work .ttl01 { font-size: 32px; }
#top-topics .ttl01 { font-size: 32px; }
#top-product .box01 {
	display: block;
	width: auto;
	margin: 0px 20px 30px;
	float: none!important;
}
#top-product .ttl01 {
    font-size: 30px;
    font-weight: 500;
    margin: 0px 0px 10px;
    line-height: 1em;
}
#top-product .ttl02 {
    font-size: 27px;
    font-weight: 500;
    margin: 0px 0px 20px;
    line-height: 1em;
}
#top-product .box01 .txt { font-size: 16px;}
#top-product .box02 {
	display: block;
	width: auto;
	float: none!important;	
}
.morebottun_w { display: block; width: auto; }
#top-renovation .box01 { display: block; width: 100%; padding: 20px; }
#top-renovation .box02 { display: block; width: 100%;}
#top-renovation .ttl01 { font-size: 30px; }
#top-renovation .ttl02 { font-size: 16px; }

#top-product .box02 ul { display: block; text-align: center; }
#top-product .box02 ul .item01 { font-size: 32px; margin-bottom: 10px; margin-top: 0.5em; }
#top-product .box02 ul .item02 { font-size: 16px; margin-bottom: 10px; }
#top-product .box02 ul li span.img img { height: 200px; object-fit: cover; width: 300px; }
#top-product .box02 ul li { display: block; }
#top-product .ttl { font-size: 18px; margin-bottom: 30px; }
#top-event ul li { display: block; width: 90%; margin: 0px auto 20px!important; }
#top-event ul span.img img { object-fit: contain; height: auto; }

#top-company .top-company-wrap { display: block; text-align: center; }
#top-company .item01 { display: block; width: auto; margin: 0px auto 20px; }
#top-company .item02 { display: block; width: auto; margin: 0px auto 20px; } 
#top-company ul li a {
    position: relative;
    display: block;
	padding: 30px 15px 30px 15px;
}
/*
#top-company ul  { display: block; text-align: center; }
#top-company ul li { display: block; width: auto; margin: 10px auto 10px; }
*/
.otherlink { text-align: center; }
.morebottun_r { display: block; width: 90%; padding: 15px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.con03catch { font-size: 18px; line-height: 1.8em; }
.midashis { line-height: 1.2em; }
.kanren ul.list02 li h3,
.kanren ul.list li h3{ height: auto; }
.wpcf7-form dl dt { display: block; width: 90%; margin: 0px 0% 0px 0px; background: #eee; padding: 10px 20px 0px; box-sizing: border-box; }
.wpcf7-form dl dd { display: block; width: 90%; margin: 0px; padding: 10px 20px 0px; box-sizing: border-box; }
.bx-wrapper .bx-controls-direction a {
	width: 20px!important;
	height: 20px!important;
	z-index: 10!important;
}
#top-topics span.label { text-align: left; font-size: 12px; width: auto; }
#top-topics span.date { font-size: 12px; }
#top-topics ul li h3 {
    font-size: 13px;
    line-height: 1.5em;
	margin: 5px 0px;
}
#top-topics ul li a .box1 {
	/*
    overflow: auto;
    text-overflow: unset;
    white-space: normal;
	*/
}