@charset "utf-8";
/*
Theme Name: shibatahomes
Theme URI: http://shibata.com/
Author: legit y-kobayashi
Author URI:
Description: shibata
Version: 1.0
*/
@font-face{
	font-family: adca;
    src: url('font/Adca.woff') format('woff'),
    url('font/Adca.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*reset*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}legend{color:#000;}#yui3-css-stamp.cssreset{display:none;}

/*common*/
body{
	width                   :100%;
	height                  : 100%;
	background              : #fefcfd;
	box-sizing              :border-box;
	color                   :#696061;
	font-family             : "a-otf-futo-go-b101-pr6n",sans-serif;
	font-size               :18px;
	-webkit-text-size-adjust:100%;
}
a{
	display        :block;
	color          :#696061;
	text-decoration:none;
	transition     : all 300ms 0s ease;
}
img{
	max-width     :100%;
	height        :auto;
	vertical-align:bottom;
}
input[type="submit"],
input[type="button"]{
	border-radius     :0;
	-webkit-box-sizing:content-box;
	-webkit-appearance:button;
	appearance        :button;
	border            :none;
	box-sizing        :border-box;
	cursor            :pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration{display:none;}
input[type="submit"]::focus,
input[type="button"]::focus{outline-offset:-2px;}

p{ 
	letter-spacing: .05rem;
/* 	height: 55px; */
}

	div{ box-sizing: border-box;}
.wrapper{
	width   : 100%;
	position: relative;
}

/*1 line*/
.contBox .right video,
.footer footer,
.pfmcKy img,
.lgSec img,
.midSec .left img,
.pfmcCList .left img,
table{ width: 100%;}
.contBox.cont3,
.tds,
.crt>li:first-of-type,
.ralateNav li,
.pfmcInner h1{	text-align: center;}
.header ul li,
.header ul li a,
.blogList .right time,
.blogList .right .tag,
.pager li{
	display       : inline-block;
	letter-spacing: .025rem;
	word-wrap     : break-word;
}
.contBox .left>div,
.contBox .right,
.bff,
.tree ul li{
	position  : relative;
	transition: all 300ms 0s ease;
}
.kyBox h1,
.kyBox p,
.contBox h3,
.footer h1,
.pdtList li h3,
.pager,
.blogList .right time{font-family: adca,"a-otf-futo-go-b101-pr6n",sans-serif;}
.contBox.cont2,
.contBox.cont3,
.specTable th,
.specTable td{ display: block;}
.slideGallery ul li+li,
.step li+li{	margin-left: 40px;}
.contents div+div,
.sideBar section+section,
.relatePdt .pdtList,
.txtBox+.txtBox,
.pfmcInner div+div{	margin-top: 40px;}
.linkBtn.grn,
.pager li.current{	background: #00af8e;}
.liKana,
.pfmcKy time{font-size: 14px;}
.icLi,
.pfmcInner p,
.pfmcCList .place,
.pdtList li h4,
.txtBox,
.treeList .tds p{
	font-size  : 16px;
}
.pfmcCList .place+p,
.pdtList li h4+p{ font-size: 14px;}
.partners .linkBtn:after{	content: none;}
.comInfo,
.treeList .tds p{ text-align: left;}
.vtcl{
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
}
.contBox{
	width: 100%;
	min-height   : 790px;
	border-bottom: solid 1px #e9edca;
	box-sizing   : border-box;
	display      : flex;
	position     : relative;
	margin: auto;
}
.ovh{ overflow: hidden;}
.header h1 a { display: inline-block;}
.header h1 {
	/* width      : 14vw; */
	display    : inline-block;
	position: fixed;
	left       : 15px;
	padding-top: calc(1vw - 6px);
	z-index    : 50;
}
.header ul{
	width          : 1000px;
	display        : flex;
	flex-direction : column;
	justify-content: space-between;
	position       : absolute;
	left           : 6vw;
	top            : 15%;
	z-index        : 40;
}
.header ul li {font-size: 20px;}
.header ul li a,
.header ul li.drop {
	color    : #fff;
	font-size: 1.2rem;
	position : relative;
}
.header ul li a:after,
.footerNav li a:after {
	content           : '';
	width             : 100%;
	height            : 1px;
	background        : #007169;
	position          : absolute;
	bottom            : -3px;
	left              : 0;
	-ms-transform     : scaleX(0);
	-webkit-transition: all .3s ease;
	transition        : all .3s ease;
	text-decoration   : none;
	-webkit-transform : scaleX(0);
	transform         : scaleX(0);
}
.footerNav li a:after{ background: #fff;}
.header ul li a:hover:after,
.footerNav li a:hover:after{
	-webkit-transform: scaleX(1);
	transform        : scaleX(1);
}
.header ul li.drop ul li { display: block;}
.header ul li.drop,
.header ul li.drop ul li { width: 190px;}
.visibleNav {
	width     : 100%;
	height: 70px;
	background: rgba(255,255,255,.8);
	border-bottom: solid 1px #e8e8e8;
	box-sizing: border-box;
	position  : fixed;
	top       : 0;
	left      : 0;
	right     : 0;
	transition: all .3s ease;
	z-index   : 30;
}
.visibleNav:hover {
    background: #e8e8e8;
}
.visibleNav>nav>ul {
	width: 800px;
	box-sizing     : border-box;
	justify-content: space-between;
	flex-direction : row;
	font-size      : 20px;
	/* left           : calc(50% - 300px); */
	margin         : 0 auto;
	overflow       : hidden;
	padding-bottom : 0;
	position       : static !important;
	/* top            : 0; */
}
.visibleNav>nav>ul>li {
	height: 70px;
	box-sizing    : border-box;
	color: #000;
	float         : left;
	font-family: impact;
	letter-spacing: .075em;
	line-height: 70px;
	padding       : 0 .5rem;
	text-align    : center;
	text-transform: uppercase;
	transition    : all 300ms 0s ease;
}
.visibleNav>nav>ul li:hover,.visibleNav>nav>ul li a:hover {background: #004a45;color: #fff;}
.visibleNav>nav>ul li .hovMenu{
	width         : 100%;
	height        : auto;
	min-height    : 40vh;
	background    : #fff;
	border-bottom : 4px solid #004a45;
	display       : none;
	padding-bottom: 20px;
	position      : absolute;
	left          : 0;
	z-index       : 30;
}
.visibleNav>nav>ul li a {
	color: #000;
	font-size: 16px;
}
.visibleNav ul li .hovMenu ul {
	width     : 1000px;
	background: #fff;
	margin    : 0 auto;
	position  : static;
	left      : 0 !important;
	text-align: left;
}
.visibleNav ul li .hovMenu ul h2 {
    color: #666;
    font-family: sans-serif;
    font-weight: bold;
    border-left: 5px solid #004a45;
    padding-left: .5rem;
    line-height: 2rem;
    margin: 1.5rem 0;
}
.visibleNav>nav>ul li:first-of-type .hovMenu>ul>li:nth-of-type(3) {
    width: 35%;
}

.visibleNav>nav>ul li:nth-of-type(2) .hovMenu>ul {
    flex-direction: column;
}

.visibleNav>nav>ul li:nth-of-type(2) .hovMenu>ul>li:first-of-type a {
    display: inline;
}
.cover{
	width     : 100%;
	height    : 100vh;
	background: rgba(0,0,0,.3);
	position  : fixed;
	left      : 0;
	right     : 0;
	bottom    :0;
	z-index   : -1;
}

.logoInline{
	filter: brightness(0);
	margin: 0 auto;
}
.header .sideHideMap>ul { left: calc(6vw + 320px);}
.header .sideHideMap>ul li ul {
	left  : 0;
	margin: 1.5rem 0;
}
.header .sideHideMap>ul li ul li:before,
.sideHide a.linkBtn:after { content: none;}
.sideHide a.linkBtn {
	width     : 250px;
	margin-top: 2.8rem;
}
.header .sideHideMap>ul li ul li {
	width     : 400px;
	border-top: solid 1px #fff;
}
.header .sideHideMap>ul li ul li address { margin: 1rem 0;}
.visibleNav>nav>ul li:first-of-type .hovMenu>ul>li {
	width: 30%;
	height    : 200px;
	box-sizing: border-box;
	color     : #666;
	display   : block;
	float     : left;
	font-size : 24px;
	padding   : 0 1rem;
}
.visibleNav>nav>ul li:first-of-type .hovMenu>ul>li:nth-of-type(3) {
    width: 35%;
}
.visibleNav>nav>ul li .hovMenu>ul {
	border-top: solid 4px #004a45;
	display   : block;
	overflow  : hidden;
}
.visibleNav>nav>ul li .hovMenu li+li { border-left: solid 2px #666;}
.visibleNav>nav>ul li .hovMenu ul .coreList {
	width         : 100%;
	color         : #666;
	padding-bottom: 20px;
}
.visibleNav>nav>ul li .hovMenu ul .coreList li,
.visibleNav>nav>ul li .hovMenu ul .coreList li a {
	width      : 100%;
	border     : none;
	color      : #666;
	line-height: 3vw;
}
.visibleNav>nav>ul li .hovMenu ul .coreList li a:hover,
.visibleNav>nav>ul li .hovMenu ul .coreList li:hover,
.visibleNav>nav>ul li .hovMenu>ul>li:hover { background: transparent;}
.visibleNav>nav>ul li .hovMenu ul .coreList li a:before { content: '・';}
.visibleNav>nav>ul li:nth-of-type(2) .hovMenu>ul>li {
	color       : #666;
	float       : left;
	padding-left: 20px;
}
.visibleNav>nav>ul li:nth-of-type(2) .hovMenu>ul>li:first-of-type+li {width: 100%;border-left: none;border-top: solid 2px #666;}
.hovMapWrap .left,.hovMapWrap .right {
	color        : #666;
	padding-right: 20px;
}
.visibleNav>nav>ul li:nth-of-type(2) .hovMenu>ul>li:first-of-type {width: 100%;}
.hovMapWrap p,.hovMapWrap address {
	font-family: sans-serif;
	font-size  : 16px;
	line-height: 1.8;
}
.hovMapWrap.ovh iframe { width: 100%;}
.hovMapWrap p {
	border-bottom: solid 2px #666;
	font-size    : 20px;
	font-weight  : bold;
	line-height  : 2.2;
	margin-bottom: .6rem;
	display: block;
}
.hovMapWrap .left {width: 50%;}
/* .hovMapWrap .right {width: 50%;} */
.hovMapWrap div { height: 250px;}
.hovMapWrap div+div { margin-top: 20px;}
.visibleNav>nav>ul>li>a { font-size: 20px;}
.contBox>video {
    width: 100%;
    /* height: 100vh; */
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit:cover';
}


/*top*/
.left,.right{ width: 50%;}
.left{ float: left;}
.right{	float: right;}
.contBox .left .top,
.contBox .left .bottom,
.contBox .left>div>a{
	width     : 100%;
	height    : 50vh;
	text-align: right;
}
.contBox .left div a img{
	width     : auto;
	height    : 100%;
	object-fit: contain;
}
.contBox>.right div,
.topBlog li .left a,
.blogTop img,
.pdKy p>img{
	width : 100%;
	height: calc();
}
.kyBox{
	position  : absolute;
	left      : 0;
	top       : calc(50vh - 80px);
	right     : 0;
	text-align: center;
	z-index   : 21;
}
.kyBox{	color: #7abf00;}
.kyBox h1:first-of-type{ font-size: 80px;}
.kyBox h1:nth-of-type(2),
.contBox h3{ font-size: 32px;}
.contBox h2{ font-size: 20px;}
.titleBox{
	color      : #7abf00;
	position   : absolute;
	text-align : left;
	text-shadow: 3px 2px #e7f9de;
	z-index    : 30;
}
.contBox .left .top .titleBox,
.contBox .left .bottom .titleBox{
	left: 8vw;
	top : calc(30vh - 20px);
}
.contBox .right .titleBox{
	right: -28vw;
	top  : 50vh;
}

/*cont 2*/
.contBox.cont2 {
    width: 80%;
    margin: auto;
}
.title_S{
	height      : 16vh !important;
	box-sizing  : border-box;
	padding-top : calc(8vh - 34px);
	padding-left: .8rem;
	position    : relative;
	z-index     : 22;
}
.cont2>.left{/* padding-left: 16vw; */}
.cont2>.right{/* padding-right: 16vw; */}
.topBlog{
	display       : flex;
	flex-direction: column;
	height: 670px;

}
.topBlog li{
	height       : 17vh;
	border-bottom: solid 1px #e9edca;
	/* box-sizing   : border-box; */
	padding      : 2.1px 0;
	flex: 1;
}
.topBlog li .left{
	width      : 174px;
	height     : 116px;
	margin-left: 5%;
	text-align : center;
}
.topBlog li .right{
	width        : 54.5%;
	height       : 116px;
	padding-right: 20px;
	padding: 25px;
}

.topBlog li .left a img {
	width   : 100%;
	height  : auto;
	overflow: hidden;
	padding: 25px;
}
.contBox.cont2 li h3{
	font-size     : 18px;
	line-height   : 26px;
	text-transform: uppercase;
	word-wrap     : break-word;
}
.catTag{
	color    : #00af8e;
	display  : inline-block;
	font-size: 14px;
	position : absolute;
	bottom   : -20px;
}
.pfmc{
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
}
.pfmc li{
	width        : calc(50% - 1px);
	height       : 335px;
	background   : white;
	border-bottom: solid 1px #e9edca;
	box-sizing   : border-box;
}
.pfmcInner h2 {
	font-size    : 36px;
	margin       : 20px 0px;
}
.pfmc li h3{ font-size: 24px !important;}
.perImg{
	/* height: 20vh !important; */
	overflow: hidden;
	max-height: 210px;
	height: 150px;

}
.perImg img{
	height         : 100%;
	font-family    : 'object-fit: contain; object-position: center bottom';
	object-fit     : cover;
	object-position: center bottom;
	overflow       : hidden;
}
.custom-height {
    height: 167px; 
}
.perDesc{
	padding   : 36px 0;
	position  : relative;
	text-align: center;
}
.catewa{ padding-bottom: 1rem;}
.linkBtn.wht:hover {
	background: black;
	border    : solid 1px #fff;
	color     : #fff;
}

/*cont3*/
.contBox.cont3 .left,
.contBox.cont3 .right{	height: 57vh;}
.contBox.cont3 .secB,
.contBox.cont3 .secC{
	height     : 27.4vh;
	box-sizing : border-box;
	clear      : both;
	padding-top: calc(13.7vh - 60px);
}
.contBox.cont3 .left{
	background: url(img/ori1.png) 0 0 no-repeat;
	color     : #fff;
}
.contBox.cont3 .right{
    background: url(img/shibatahomes_homefurniture.png) 0 0 no-repeat;
	color     : #fff;
}
.contBox.cont3 .left,
.contBox.cont3 .right,
.contBox.cont3 .secB,
.contBox.cont3 .secC{
	-webkit-background-size: cover;
	background-size        : cover;
	position               : relative;
	z-index: 5;
}
.brandTitle{
	padding   : 20px;
	position  : absolute;
	left      : 6vw;
	top       : 9vh;
	text-align: center;
}
.brandTitle + a{
	position: absolute;
	right   : 3vw;
	bottom  : 0;
}
.brandTitle span:first-of-type {
	display       : block;
	font-family   : adca;
	font-size     : 2.6rem;
	letter-spacing: .05rem;
}
.brandTitle span { text-shadow: 3px 3px 9px rgba(0,0,0,.5);}
.secB .brandTitle + a,
.secC .brandTitle + a{
	left  : 0;
	bottom: 20px;
}
.contBox.cont3 .secB{
	background: url(img/ori3.png) 0 0 no-repeat;
	color: #fff;
}

.contBox.cont3 .secC{
    background: url(img/shibatahomes_section.png) 50% 50% no-repeat;
    color: #fff;
}

/*footer*/
.footer{
	background: #76b042;
	color     : #fff;
	text-align: center;
}
.comInfo{
	width: 30%;
	min-width: 480px;
	max-width: 490px;
	/* padding: 0 16vw; */
	margin: 40px auto;
}
.comInfo div{
	/* width: 50%; */
	width: 100%;
	/* height    : 175px; */
	background: #209344;
	padding   : 20px 20px 20px 200px;
	position  : relative;
}
.comInfo span{
	border     : solid 4px #e9edca;
	font-weight: 500;
	font-size  : 24px;
	padding    : .6rem 1rem;
	position   : absolute;
	top        : 20px;
	left       : 20px;
}
.footer .title_S{padding-top: calc(8vh - 50px);}
.footer h1{
	font-size  : 4.5rem;
	line-height: 0.7;
}
.footer h1+img{	padding: 20px 0 40px;}
.linkBtn{
	width: 80%;
	max-width: 400px;
	height     : 8vh;
	background : #004a45;
	border     : solid 1px #e9edca;
	color      : #fff;
	line-height: 8vh;
	margin     : 0 auto 40px;
	position   : relative;
	text-align : center;
	z-index: 5;
}
.linkBtn:after{
	content    : '\f105';
	font-family: fontawesome;
	position   : absolute;
	right      : 3rem;
}
.linkBtn:hover {
	color : #fff;
	border: solid 1px white;
	filter: brightness(1.2);
}
.cont2 .linkBtn{ margin-top: calc(8vh - 4vh);}
.linkBtn.wht{
	background: #fff;
	border    : solid 1px #000;
	color     : #000;
}
a.linkBtn.opb {
	width     : 300px;
	background: rgba(0,0,0,.4);
}
.footerNav{
	display       : inline-block;
	padding-bottom: 40px;
}
.footerNav li{
	display      : inline-block;
	margin-bottom: 2vh;
}
.footerNav li a{
	color   : #fff;
	position: relative;
}
.footerNav li+li{	margin-left: 15px;}
.goTop{
	width: 70px;
	height: 70px;
	background: #004a45;
	color     : #e9edca;
	cursor    : pointer;
	position  : fixed;
	right: 70px;
	bottom    : 0;
	text-align: center;
	z-index   : 30;
}
.goTop i{
	cursor     : pointer;
	font-size  : 4rem;
	line-height: 90px;
}

/*hover*/
.header h1:hover,
.hideNav:hover,
.goTop:hover,
.wpp-list li:hover,
.blogList .left a:hover,
.pager li a:hover,
.pfmcCList .pfmcLink:hover,
.contact input[type="submit"]:hover,
.pfmcCList .left img:hover,
.topBlog li:hover,
.pfmc li:hover{ filter: brightness(1.1);}

/*layer*/
.incDiv{
	width: 1250px;
	margin  : 0 auto 100px;
	position: relative;
	z-index : 28;
}
.incDiv h1+h1 {
	color        : #969696;
	margin-bottom: 48px;
	text-align   : center;
}
.incDiv>h3{
	padding   : .6rem 0;
	text-align: center;
}
.corpinfo .tds img {width: 100%;}
.topV+main{	padding-top: 60px;}
.topV .kyBox {
    color: #fff;
    text-shadow: 2px 2px 6px rgba(0,0,0,.1);
}
.layer{	padding-top: 16vh;}
.slideGalleryWrap {
	overflow: hidden;
	position: absolute;
	top     : 0;
	left    : 0;
}
.slideGallery {
	width     : 100%;
	height    : 194px;
	margin    : 0 auto 96px;
	overflow  : hidden;
	position  : relative;
	text-align: left;
}
.slideGallery ul {
	float   : left;
	overflow: hidden;
}
.slideGallery ul li {
	width   : 300px;
	height  : auto;
	display : inline;
	float   : left;
	overflow: hidden;
}
.slideGallery ul li{
    height: 200px;
}
.slideGallery ul li a{
    height: 100%;
    display: block;
    overflow: hidden;
}
.slideGallery ul li a img{
    height: 100% !important;
    font-family: 'object-fit: cover';
    object-fit: cover;
}
.slideGallery ul li a:hover{
    opacity: .8;
}
.container{
	box-sizing: border-box;
	position  : relative;
	z-index   : 24;
}
.contents{
	width: 812px;
	box-sizing   : border-box;
	margin-bottom: 100px;
	padding      : 0 1vw;
}
.incDiv h1:first-of-type{
	font-family   : adca;
	font-size: 48px;
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 24px;
	text-align    : center;
	text-transform: uppercase;
	letter-spacing: .04em;
}
.sideBar{
	width: 375px;
	box-sizing   : border-box;
	padding-right: 4rem;
}
.side h4{
	border-bottom: solid 4px #e9edca;
	color        : #56aa93;
	display      : inline-block;
	font-family  : adca;
	font-size    : 28px;
}
.side h4+p{
	color         : #947346;
	display       : block;
	font-size     : 14px;
	font-weight   : 500;
	letter-spacing: .08rem;
	padding       : .8rem 0;
}
.bff:before{
	font-family: fontawesome;
	position   : absolute;
	transition : all .3s eatransise;
}
.bfp:before{
	position  : absolute;
	left      : 0;
	top       : 1rem;
	transition: all .3s ease;
}
.sideBlog .bff a{
	font-size  : 16px;
	padding    : 1rem 0;
	text-indent: 1.5rem;
}
.sideBlog .bff:before{
	content: '\f105';
	top    : 1.2rem;
}
.sideBlog .bff a:hover {
	color      : #947346;
	text-indent: 2rem;
}
.sidePfmc .bfp{
	border-bottom: solid 2px #fefcfd;
	box-sizing   : border-box;
	position     : relative;
	filter       : saturate(0%);
}
.sidePfmc .bfp:first-of-type:before{ content: url(img/pfmc1.png);}
.sidePfmc .bfp:nth-of-type(2):before{ content: url(img/pfmc2.png);}
.sidePfmc .bfp:nth-of-type(3):before{ content: url(img/pfmc3.png);}
.sidePfmc .bfp:nth-of-type(4):before{ content: url(img/pfmc4.png);}
.sidePfmc .bfp:last-of-type:before{	content: url(img/pfmc5.png);}
.sidePfmc .bfp a { padding: 1.4rem 0 1.4rem 4.5rem;}
.sidePfmc .bfp:hover {
	border-bottom: dashed 2px #56aa93;
	filter       : saturate(100%);
}
.sidePfmc .bfp a {
	color     : #336154;
	transition: all 300ms 0s ease;
}
.sidePfmc .bfp a:hover {   text-indent: 1em;}
.sideBlog .bff+.bff{ border-top: dashed 1px #969696;}
.sidePdt{
	border       : solid 2px #969696;
	border-bottom: none;
	display      : flex;
	flex-wrap    : wrap;
}
.sidePdt li{
	width          : 50%;
	height         : 136px;
	box-sizing     : border-box;
	border-bottom  : solid 2px #969696;
	justify-content: flex-start;
	position       : relative;
	text-align     : center;
	transition     : all .3s ease;
}
.sidePdt li img{
	display: inline-block;
	padding: 1.5rem;
}
.sidePdt li span{
	display : block;
	position: absolute;
	bottom  : 0;
	left    : 0;
	right   : 0;
}
.sidePdt li:nth-of-type(odd){ border-right: solid 2px #969696;}
.sidePdt li:hover { background: #e9edca;}
.sidePdt li img:hover { filter: sepia(100%);}
.contLBox{ min-height: 100vh;}
.bgIll{
	min-height  : 82px;
	background  : url(img/titleDc.png) 0 0 no-repeat;
	box-sizing  : border-box;
	font-size   : 24px;
	padding-left: 115px;
	padding-top : calc(41px - 12px);
}
.sideDesc .tag a {
	color  : white;
	display: inline;
}
.sideRank {
	padding-bottom: 20px;
	position      : relative;
}
.sideRank .rank:before {
	width        : 40px;
	height       : 40px;
	border-radius: 50%;
	color        : white;
	display      : block;
	line-height  : 40px;
	position     : absolute;
	left         : 0;
	top          : 0;
	text-align   : center;
}
.rankList li:first-of-type .rank:before {
	content   : '1';
	background: #ffb900;
}
.rankList li:nth-of-type(2) .rank:before {
	content   : '2';
	background: #7192b5;
}
.rankList li:nth-of-type(3) .rank:before {
	content   : '3';
	background: #bc8164;
}
.rankList li:nth-of-type(4) .rank:before,
.rankList li:nth-of-type(5) .rank:before { background: #009f3d;}
.rankList li:nth-of-type(4) .rank:before { content: '4';}
.rankList li:nth-of-type(5) .rank:before { content: '5';}
.sideImg {
	display     : block;
	padding-left: 50px;
}
.sideDesc {
	display     : block;
	margin-top  : 15px;
	padding-left: 50px;
	position    : relative;
}
.sideRank h3 {
	font-size : 16px;
	margin-top: 15px;
}
.sideDesc time {
	color      : #aad55b;
	font-family: adca;
	line-height: 33px;
}
.wpp-thumbnail {
	display: block !important;
	float  : none !important;
}
.wpp-list li { transition: all 300ms 0s ease;}

/*category*/
.catUl{
	max-width      : 900px;
	box-sizing     : border-box;
	display        : flex;
	align-content  : center;
	justify-content: space-between;
	margin         : 8vh auto;
	padding-top    : calc(8vh - 25px);
	text-align     : center;
}
.liTtl{
	display    : block;
	font-family: adca;
	font-size  : 22px;
}
.blogList li{padding-bottom: 36px;display: block;}
.blogList .left{height: 224px;overflow: hidden;}
.blogList .left a {
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
	overflow: hidden;
}
.blogList .left a img {
	width     : 100%;
	object-fit: fill;
}
.blogList .right h3 a:hover { color: #007169;}
.blogList .right{
	height      : 224px;
	box-sizing  : border-box;
	padding-left: 1rem;
	position    : relative;
}
.blogList .right time{
	color      : #7abf00;
	font-size  : 14px;
	line-height: 32px;
	position   : absolute;
	right      : 0;
}
.tag{
	background: #7abf00;
	color     : #fff;
	display   : inline;
	font-size : 14px;
	padding   : .3rem .6rem;
}
.blogList .right h3{
	font-size  : 22px;
	line-height: 1.7;
	padding    : 10px 0 16px;
}
.blogList .right p{
	color    : #969696;
	font-size: 14px;
}
.pager{
	margin-bottom: 100px;
	text-align   : center;
}
.pager li{
	width      : 5rem;
	height     : 5rem;
	background : #98ded1;
	color      : #e9edca;
	font-size  : 42px;
	line-height: 5rem;
	transition : all 300ms 0s ease;
}
.pager li a{ color      : #e9edca;}
img.alignleft{
	display: block;
	float  : left;
	margin : 20px 20px 0 0;
}
.blogTop {
	position  : relative;
	text-align: left;
}
.blogTop .tag a {
	display       : inline;
	color         : #fff;
	font-weight   : bold;
	letter-spacing: .1rem;
}
.blogTop span { position: -8vw;}
.blogTop time,
.relatePost ul li time {
	color      : #7abf00;
	font-family: adca;
	font-size  : 20px;
}
.blogTop h1 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	font-size  : 30px;
	line-height: 1.5 !important;
	text-align : left !important;
	word-break : break-all;
}
.blogWrap {
	font-family  : 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	margin-bottom: 80px;
}
.snsblock {
	width : 80%;
	margin: 40px auto;
}
.blogBottom p {
	font-size  : 16px;
	line-height: 30px;
}
.blogBottom img {
	margin-bottom: 10px;
}
#toc_container {
	border    : none !important;
	background: none !important;
	margin    : 40px 0 !important;
}
#toc_container a {
	color      : deepskyblue;
	line-height: 36px;
}
#toc_container p.toc_title {
	font-size : 20px;
	text-align: left !important;
}
.blogBottom h2,.pfmcUnder h2,.tipvList h2 {
	box-sizing   : border-box;
	clear        : both;
	font-size    : 20px;
	font-weight  : bold;
	margin-bottom: 40px;
	padding      : 10px;
	border-left: 7px solid #98ddd1;
	border-bottom: 2px solid #98ddd1;
}
.blogBottom p { padding-left: .4rem;}
.blogBottom h3,.pfmcUnder h3,.tipvList h3 {
	color        : #00715c;
	clear        : both;
	border-bottom: solid 2px #00715c;
	box-sizing   : border-box;
	font-size    : 18px;
	font-weight  : bold;
	margin       : 40px 0;
	padding      : 10px;
}
.blogBottom h4,.pfmcUnder h4,.tipvList h4 {
	color      : #00715c;
	clear      : both;
	font-size  : 18px;
	font-weight: 500;
	margin     : 40px 0;
}
.blogBottom strong {
	color      : #00715c;
	font-weight: bold;
}
.blogBottom ul {
	line-height        : 2.2;
	list-style-position: inside;
	padding-left       : 1.5em;
}
img.aligncenter {
	display: block;
	margin : 40px auto;
}
img.alignright {
	display: block;
	float  : right;
	margin : 0 0 40px 40px;
}
.blogBottom blockquote {
	background   : #e4f1df;
	border-radius: 10px;
	box-sizing   : border-box;
	clear        : both;
	padding      : 20px 20px 40px 60px;
	position     : relative;
}
.blogBottom blockquote:before {
	content    : '\f10d';
	font-family: fontawesome;
	font-size  : 30px;
	position   : absolute;
	left       : 20px;
}
.blogBottom a {
	color          : deepskyblue;
	text-decoration: underline;
}
.relatePost .left {
	width   : 154px;
	height  : 103px;
	display : flex;
	overflow: hidden;
}
.relatePost ul {
	margin  : 40px 0;
	overflow: hidden;
}
.relatePost ul li {
	width         : 50%;
	float         : left;
	padding-bottom: 15px;
}
.left+.right { margin-top: 0 !important;}
.relatePost .right { width: 56%;}
.relatePost ul li .tag { font-size: 11px;}
.relatePost ul li h5 {
	font-size  : 16px;
	padding-top: .6rem;
}
.relatePost ul li time { font-size: 14px;}

/*architecture/contruct/wholesell*/
.topV{
	width     : 100%;
	height    : 100vh;
	overflow  : hidden;
	text-align: center;
}
.topV img{
	width: 100%;
	height         : 100%;
	display        : inline-block;
	font-family    : 'object-fit: cover;object-position: top left;';
	object-fit     : cover;
	object-position: center center;
	margin         : 0 auto;
}
.incDiv+.slideGallery{ margin: 40px 0 100px;}

/*architecture*/
.tipvList{
	clear   : both;
	overflow: hidden;
}
/* .tipvList h3{
	border-bottom: solid 1px #4b4b4b;
	font-size    : 30px;
	font-weight  : bold;
	line-height  : 2;
	margin-bottom: 40px;
	position     : relative;
	text-align   : left !important;
}
.tipvList h3:after{
	content      : '';
	width        : 10px;
	height       : 10px;
	background   : #4b4b4b;
	display      : block;
	border-radius: 50%;
	position     : absolute;
	right        : 0;
	bottom       : -5px;
} */
.tipvList>p{ padding-bottom: 40px;}
.tipvList p{
	font-size  : 16px;
	line-height: 24px;
}
.tipvList img,
.tipvList li{ margin-bottom: 40px;}

/*contruct*/
.crt .tip{ display: none;}
.icTtl{
	color        : #73a842;
	font-size    : 20px !important;
	font-weight  : 500;
	margin-bottom: 30px;
}
.icLi img{margin-top: 24px;margin-bottom: 24px;display: block;margin: 0 auto;}
.crtFlow th{
	width        : 42%;
	border-bottom: solid #73a842 5px;
	font-size    : 20px;
	padding      : 1rem;
}
.crtFlow td{
	font-size    : 16px;
	padding      : 1.5rem;
	padding-right: 0;
}

/*whole sell*/
.whl h3{
	font-size    : 32px;
	margin-bottom: 60px;
}
.whl ul{
	justify-content: space-between;
	margin-bottom  : 60px;
}
.whl ul li{
	width         : 32%;
	height        : 63px;
	display       : inline-block;
	font-size     : 14px;
	margin-bottom : .6rem;
	vertical-align: top;
}

/*performance*/
.pfmcInner h3{ font-size: 30px;}
.pfmcKy .ovh .left h2{
	margin-top: 40px;
	text-align: left;
}
.pfmcKy .ovh .right{ width: 55%;}
.pfmcKy{margin-top: 8vh;width: 100%;}
.pfmcKy .ovh .left{
	width          : 300px;
	min-height     : 120px;
	justify-content: space-between;
}
.pfmcKy h1{	font-size: 24px;}
.perTag,
.pfmcInner em,
.blogBottom em{
	background    : #e9edca;
	display       : inline-block;
	font-family   : adca;
	margin-bottom : 16px;
	padding       : .8rem .8rem .6rem;
	text-transform: uppercase;
}
.pfmcInner p{
	display       : block;
	padding-bottom: 16px;
}
.smSec img{
	width  : 48%;
	display: inline-block;
}
.smSec img+img{	margin-left: 1%;}
.place{
	border-bottom: solid 1px #696061;
	display      : inline-block;
	font-size    : 18px;
	line-height  : 2;
	margin-bottom: 10px;
}
.midSec .ovh{
	display        : flex;
	justify-content: space-between;
}
.midSec .left,
.pfmcCList .left{ width: 68%;}
.midSec .right,
.pfmcCList .right{
	width     : 30%;
	margin-top: 0;
}
.midSec .perTag,
.pfmcCList .perTag{	margin-top: 0!important;}
.ralateNav ul{
	display        : flex;
	justify-content: space-between;
	margin         : 40px 0 100px;
}
.pfmcCList{	margin-bottom: 80px;}
.pfmcCList li{
	padding-bottom: 20px;
	position      : relative;
}
.pfmcCList li+li{
	border-top : dashed 1px #969696;
	padding-top: 20px;
}
.pfmcInner .linkBtn{ margin: 100px auto;}
.pfmcCList .pfmcLink{
	background : #8ac051;
	color      : #fff;
	display    : inline-block;
	font-family: adca;
	padding    : .6rem 4rem .6rem 1rem;
	position   : absolute;
	right      : 0;
	bottom     : 20px;
}
.pfmcCList .bff:before{
	content       : '\f0da \f0da \f0da';
	right         : .8rem;
	top           : .8rem;
	letter-spacing: .08rem;
}
.pfmcCList .right p{ margin-bottom: 30px;}
.catUl li {
	border-bottom: solid 2px #fefcfd;
	filter       : saturate(0);
	transition   : all 300ms 0s ease;
}
.catUl li:hover {
	border-bottom: solid 2px mediumseagreen;
	filter       : saturate(100%);
	margin-bottom: -4px;
}

/*product*/
.new{
	width        : 50px;
	height       : 50px;
	color        : #7abf00;
	border       : solid 2px #7abf00;
	border-radius: 50%;
	font-size    : 16px;
	font-family  : adca;
	line-height  : 50px;
	position     : absolute;
	left         : .8rem;
	top          : .8rem;
	text-align   : center;
}
.pdtList{
	box-sizing     : border-box;
	display        : flex;
	flex-wrap      : wrap;
	margin-bottom  : 80px;
}
.pdtList li{
	width        : 32.5%;
	height       : 430px;
	background   : white;
	border       : solid 1px transparent;
	box-sizing   : border-box;
	margin-bottom: 1%;
	position     : relative;
	text-align   : center;
	transition   : all 300ms cubic-bezier(.5, .24, 0, 1);
}
.pdtList li+li { margin-left: 1%;}
.pdtList li:nth-of-type(3n+1) { margin-left: 0;}
.pdtList li:before{
	content           : '';
	width             : 0%;
	height            :1px;
	background        : #56aa93;
	box-shadow        : inset 0px 0px 0px #56aa93;
	display           : block;
	position          : absolute;
	left              : 0px;
	bottom            :0px;
	-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
	transition        : all 0.4s cubic-bezier(.5, .24, 0, 1);
	z-index           :-1;
}
.pdtList li:after {
	content           : '';
	width             : 0%;
	height            :1px;
	background        : #56aa93;
	position          : absolute;
	right             : 0px;
	top               :0px;
	-webkit-transition: all 0.4s cubic-bezier(.5, .24, 0, 1);
	transition        : all 0.4s cubic-bezier(.5, .24, 0, 1);
	z-index           :-1;
}
.pdtList li:hover{
	border-left :1px solid #56aa93;
	border-right:1px solid #56aa93;
}
.pdtList li:hover:before,
.pdtList li:hover:after{
	width  :100%;
	z-index: 10;
}
.pdtList li h3 {
	font-size     : 18px;
	padding: 1em 0;
	text-transform: uppercase;
}
.pdtList li img {
	/* width : 80%; */
	height: 200px;
	/* max-height: 200px; */
	object-fit: contain;
	font-family: 'object-fit:contain';
}
.pdtList li h4+p {
	position: absolute;
	left    : 0;
	right   : 0;
	bottom  : 15px;
}
.pdtList li h4+p span {
	border : 1px solid #696061;
	padding: 0 .4em;
}
.pdKy{
	position  : relative;
	text-align: center;
	padding-top: 8px;
}
.pdKy p {
	width: 100%;
	height: auto;
	max-height: 450px;
	box-sizing     : border-box;
	display        : block;
	display        : flex;
	flex-direction : column;
	justify-content: space-around;
}
p#MainPhoto {
    height: 450px;
    border: solid 1px #bababa;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

li.changePhoto {
    background-repeat: no-repeat;
    background-size: cover;
}
.pdKy p.terms{
	position     : absolute;
	left         : 0;
	top: 0;
	width: unset;
	overflow: hidden;
	display: inline-block;
}
.pdKy p.terms>span{
	min-width    : 76px;
	background   : #e9e9e9;
	border-radius: 5px;
	color        : #969696;
	font-size    : 16px;
	padding      : .5rem .8rem;
	text-align   : center;
	display: block;
	float: left;
	margin-left: 4px;
}
.pdKy ul { overflow: hidden;}
.pdKy ul li {
	width          : 100px;
	height         : 67px;
	border         : solid 1px #696061;
	cursor         : pointer;
	display        : flex;
	float          : left;
	justify-content: space-around;
	margin-top     : 10px;
}
.pdKy ul li img {
    object-fit: cover;
    /* font-family: 'object-fit:cover'; */
    width: 100%;
}
.pdKy ul li+li { margin-left: 10px;}
.pdKy p>img {border: solid 1px #696061;object-fit: contain;height: 450px;font-family: 'object-fit:contain';}
.pdKy h2 + p{
	color        : #969696;
	margin-bottom: 40px;
}
.pdKy h1 span+span:before { content: ' / ';}
.specTable table td p .colorVal {
	border: solid 2px #aaa;
	border-radius: 50%;
	display      : block;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 8px;
}
.specTable table td p {
	display: block;
	float: left;
	font-size : 12px;
	text-align: center;
	width: 60px;
	padding-top: 50px;
}
.specTable table td p+p { margin-left: 12px;}
.pdtWrap h3{
	clear     : both;
	font-size : 20px;
	margin-top: 48px;
}
.pdtWrap .left{ width: 50%;}
.pdtWrap .left + p{
	width       : 50%;
	box-sizing  : border-box;
	float       : right;
	padding-left: 20px;
}
.pdtWrap .right + p{
	width        : 50%;
	box-sizing   : border-box;
	float        : left;
	padding-right: 20px;
}
.pdtWrap .left + p:after,
.pdtWrap .right + p:after{
	content: '';
	height : 1px;
	clear  : both;
	display: block;
}
.specTable{
	margin-top: 96px;
	text-align: center;
}
.specTable .ttl{
	border-bottom: solid 1px #969696;
	display      : inline-block;
	font-family  : adca;
	font-size    : 30px;
	margin-bottom: 16px;
	position     : relative;
}
.specTable .ttl:before,
.specTable .ttl:after{
	content      : '';
	width        : 10px;
	height       : 10px;
	border-radius: 50%;
	position     : absolute;
	top          : -5px;
}
.specTable .ttl:before{ left: 0;}
.specTable .ttl:after{ right: 0;}
.specTable table{
	width     : 100%;
	font-size : 16px;
	margin    : 40px 0;
	text-align: left;
}
.specTable th{
	background   : #e9e9e9;
	border-radius: 5px;
	color        : #969696;
	padding: .2rem 0 .2rem .8rem;
}
.specTable td{
	/* font-size: 30px; */
	padding  : .6em;
	overflow: hidden;
}
.specTable table td p .colorName {
    min-height: 40px;
    display: block;
}

.specTable table td p {
    position: relative;
}

/*contact*/
.tds h3{
	color        : #969696;
	margin-bottom: 60px;
}
.contact .tds p+p{ color: #969696;}
.hissu{
	color      : #ff7900;
	font-family: adca;
	font-size  : 36px;
}
.step{
	width         : 450px;
	margin        : 60px auto;
	padding-bottom: 50px;
}
.step li{
	width        : 120px;
	height       : 120px;
	background   : #dee7cd;
	border-radius: 50%;
	color        : #fff;
	float        : left;
	font-family  : adca;
	font-size    : 60px;
	line-height  : 120px;
}
.step li.current{ background: #afca87;}
.step li:after{
	color      : #737373;
	display    : block;
	font-family: sans-serif;
	font-size  : 14px;
	line-height: 40px;
}
.step li:first-of-type:after{ content: '送信内容入力';}
.step li:nth-of-type(2):after{ content: '入力内容確認';}
.step li:nth-of-type(3):after{ content: '送信完了';}
.contact tr{ border-bottom: solid 6px #afca87;}
.contact th{
	width         : 27%;
	padding       : 36px 0 40px 20px;
	position      : relative;
	vertical-align: middle;
}
.contact th span{
	position: absolute;
	right   : 40px;
	top     : 20px;
}
.contact a{
	color          : #969696;
	font-family    : adca;
	margin         : 96px 0;
	text-align     : center;
	text-decoration: underline;
}
.contact input[type="submit"]{
	width     : 300px;
	background: #afca87;
	color     : #fff;
	display   : block;
	margin    : 20px auto;
	padding   : 1em 0;
	text-align: center;
}
.contact input[type="submit"].modoru {
    background: #ddefbc;
    color: #555;
}
.contact td {
	width     : 60%;
	box-sizing: border-box;
	padding   : 18px 0 16px 30px;
	text-align: left;
}
.contact td input,
.contact td textarea {
	width       : 100%;
	background  : rgba(0,0,0,0);
	border      : none;
	box-sizing  : border-box;
	padding-left: 5px;
}
.contact td input[type="radio"] { display: none;}
.contact td label span {
	cursor      : pointer;
	line-height : 40px;
	padding-left: 40px;
	position    : relative;
}
.contact td label span:before {
	content      : '';
	width        : 30px;
	height       : 30px;
	background   : #e9e9e9;
	border-radius: 50%;
	display      : block;
	position     : absolute;
	top          : 0;
	left         : 0;
}
.contact td label span:after {
	content      : '';
	width        : 15px;
	height       : 15px;
	display      : block;
	background   : #afca87;
	border-radius: 50%;
	position     :  absolute;
	top          : 7px;
	left         : 7px;
	opacity      : 0;
	z-index      : 3;
}
.contact td label input[type="radio"]:checked+span:after { opacity: 1;}
.contact td input::placeholder,
.contact td textarea::placeholder {  opacity: .6;}
.contact td input[type="text"],
.contact td input[type="email"] { height: 45px;}
.contact td input[type="text"]:focus,
.contact td input[type="email"]:focus { outline: none;}
.contact tr:first-of-type th,
.contact tr:last-of-type th { vertical-align: top;}

/*corpinfo*/
.corpinfo tr,
.recruit tr{ border-bottom: solid 2px #fefcfd;}
.corpinfo th,
.recruit th{
	width: 200px;
	background    : #afca87;
	box-sizing    : border-box;
	color         : #fff;
	padding       : 1.4rem;
	vertical-align: top;
	letter-spacing: .08rem;
}
.corpinfo td,.recruit td{
	background    : #fff;
	box-sizing    : border-box;
	color         : #969696;
	letter-spacing: .04rem;
	line-height   : 1.8;
	padding       : 1.2rem;
}
.corpinfo td p {
	font-size: 18px;
	line-height: 1.8;
}
table td a {
	color          : cornflowerblue;
	text-decoration: underline;
}

/*partners*/
.ptnBox{
	width              : 100%;
	background-position: 95% 95% !important;
	border             : solid 6px #f4f3b4;
	border-radius      : 20px;
	box-shadow         : 6px 6px 0 #b1d2a7 inset, 6px 6px 0 #b1d2a7;
	font-size          : 16px;
	line-height        : 2;
	padding            : 30px 20px 150px 20px;
}
.ptnBox+.ptnBox{ margin-top: 46px;}
.partners .ptnBox.buyer{ background: url(img/ptnBg1.png) no-repeat;}
.partners .ptnBox.sell{ background: url(img/ptnBg2.png) no-repeat;}
.ptnBox h4{
	border-bottom : solid 4px #2b883a;
	font-size     : 24px;
	margin-bottom :  16px;
	padding-bottom: 16px;
}
.ptnBox ul{
	list-style-type    : disc;
	list-style-position: inside;
	padding            : 24px 0;
}
.partners .tel{
	color         : #004a45;
	font-size     : 36px;
	pointer-events: none;
}
.partners .linkBtn{
	width : 550px;
	margin: 50px auto;
}

/*privacy*/
.txtBox li{
	padding-left : 2em;
	margin-bottom: .6rem;
}
.txtBox h4{
	border-bottom: solid 1px #696969;
	display      : inline-block;
	font-size    : 24px;
	margin-bottom: 1em;
}
.ccOl{
	counter-reset      : number;
	list-style-type    : none;
	list-style-position: inside;
}
.ccOl>li:before{
	content          : '('counter(number)')';
	counter-increment: number;
	position         : absolute;
	left             : 1rem;
}
.abc{
	list-style-position: inside;
	list-style-type    : lower-latin;
	margin-top         : 20px;
}

/*sitemap 404*/
.mapWrap{
	display        : flex;
	flex-wrap      : wrap;
	justify-content: space-between;
}
.tree{
	width     : 48%;
	margin-top: 0 !important;
	padding   : 30px 0;
}
.tree h4{
	border-bottom: solid 6px #8ac051;
	color        : #696061;
	font-size    : 32px;
	line-height  : 1.8;
	text-indent  : 1.8em;
}
.tree h4:before{
	color      : #56aa93;
	left       : 10px;
	top        : 0px;
	text-indent: 0;
}
.tree:first-of-type h4:before{ content: '\f245';}
.tree:nth-of-type(2) h4:before{ content: '\f044';}
.tree:nth-of-type(3) h4:before{ content: '\f0e3';}
.tree:nth-of-type(4) h4:before{ content: '\f236';}
.tree:nth-of-type(5) h4:before{ content: '\f19c';}
.tree:nth-of-type(6) h4:before{ content: '\f00a';}
.tree ul{
	border-left : solid 1px #00af8e;
	line-height : 60px;
	margin-left : 40px;
	padding-left: 40px;
}
.tree ul li:before,
.tree .bff+a:before{
	content   : '';
	width     : 40px;
	height    : 0;
	border-top: solid 1px #00af8e;
	position  : absolute;
	left      : -40px;
	top       : 30px;
}
.bff+a:before{
	width: 25px!important;
	left : 15px !important;
	top  : 45px !important;
}
.bff+a:after{
	content    : '';
	width      : 0px;
	height     : 46px;
	position   : absolute;
	border-left: solid 1px #00af8e;
	top        : 0;
	left       : 15px;
}
.tree ul li:last-of-type{
	line-height: 0;
	padding-top: 31px;
}
.tree ul li ul{	margin-top: 10px;}
.tree .bff+a{
	padding-top : 30px;
	padding-left: 40px;
	position    : relative;
}
.tree .bff+a+ul{ margin-left: 80px;}
.logoIcon{
	display: none;
}
/*20180719追記*/
.pfmcInner h1:first-of-type{
    margin-top: 0;
    font-size: 48px;
}

.pfmcInner h1+h1 {
    font-size: 30px;
    color: #696061;
}
.pdtWrap h1:first-of-type {
    margin: 88px 0 24px;
}

@media screen and (max-width: 1375px){
	.visibleNav>nav>ul{
		float: right;
		padding-right: .8rem;
	}
	.contBox.cont2{ width: 90%;}
	/* .comInfo{ width: 80%;} */
}
@media screen and (max-width: 1080px){
	.logoIcon{
		display: block;
	}
	.logoInline{
		display: none;
	}
	.contBox.cont2{ width: 98%;}

}
/* 20190806 add */
.intro video{
	width:100%;
}


/* 2021-1203 snsエリア */
	#sns{
		width:80%;
		margin:0 auto;
	}
	#sns .sns_ttl h2 {
	padding-top:15px;
	font-size:32px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  font-family: adca,"a-otf-futo-go-b101-pr6n",sans-serif;
}
.sns_area .insta h3 img{
	height:22px;
}
	.sns_area .twitter h3 img{
	height:20px;
}

#sns .sns_area {
	margin-top:-25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#sns .sns_area h3 {
  margin-bottom: 25px;
}
	
/* #sns .sns_area .insta {
  width: 54%;
  height: 520px;
} */

#sns .sns_ttl h2 span {
  position: absolute;
	top:-10px;
  right: 39%;
	width:90px;
}
	#sns .sns_area .twitter {
  width: 40%;
  padding-bottom: 40px;
}

#sns .sns_area .more {
  margin: 5% auto 0;
  line-height: 60px;
  width: 260px;
  height: 60px;
	color:#fff;
	background-color:#000;
	display: block;
    clear: both;
}
#sns .sns_area .more_twitter {
  margin: 30px auto 0;
  font-size: 22px;
  letter-spacing: 2px;
  background-color: #00acee;
  text-align: center;
  line-height: 60px;
  color: #fff;
  width: 260px;
  height: 60px;
}

.flash_1 {
  -webkit-animation: flash 7s linear infinite;
          animation: flash 7s linear infinite;
}

@-webkit-keyframes flash {
  0%, 20%, 40%, 60%, 80%, 100% {
    opacity: 1;
  }
  10%, 30%, 50%, 70%, 90% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 20%, 40%, 60%, 80%, 100% {
    opacity: 1;
  }
  10%, 30%, 50%, 70%, 90% {
    opacity: 0;
  }
}
	
@media screen and (max-width: 960px) {
  #sns .sns_ttl h2 {
    font-size: 15vw;
	 
  }
}

@media screen and (max-width: 599px) {
  #sns .sns_ttl h2 span {
    right: -70%;
    width: 70%;
  }
}

@media screen and (max-width: 500px) {
  #sns .sns_ttl h2 span {
    right: -55%;
  }
}

@media screen and (max-width: 960px) {
  #sns .sns_area {
    display: block;
    padding-top: 20px;
  }
}

@media screen and (max-width: 960px) {
  #sns .sns_area h3 img {
    margin: 0 auto 30px;
  }
}

@media screen and (max-width: 960px) {
  #sns .sns_area .insta {
    width: 100%;
    text-align: center;
    height: 620px;
	display:flow-root;
  }
}

@media screen and (max-width: 599px) {
  #sns .sns_area .insta {
    height: 560px;
  }
}

@media screen and (max-width: 480px) {
  #sns .sns_area .insta {
    height: 510px;
  }
}

/* @media screen and (min-width: 961px) {
  #sns .sns_area .insta iframe {
    width: 100% !important;
    height: 100% !important;
  }
} */

@media screen and (max-width: 599px) {
  #sns .sns_area .insta iframe {
    width: 320px !important;
    height: 320px !important;
  }
}

@media screen and (max-width: 960px) {
  #sns .sns_area .twitter {
    width: 80%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  #sns .sns_area .more {
    font-size: 20px;
    width: 150px;
    height: 40px;
    line-height: 40px;
  }
}



/* スタートデンタルバナー追加 */
	.contBox.cont3 .secC.start_dental_banner{
		background: url('https://www.shibata-homes.co.jp/wp-content/themes/shibata_pc/img/shibata_start_dental_banner.png') no-repeat;
    padding-top: 0;
    background-position: center;
    background-size: cover;
    height: 300px;
	 margin-bottom:30px;
	}
	.contBox.cont3 .secC.start_dental_banner .brandTitle + a{
		margin-bottom:0;
		bottom:40px;
		height:75px;
		line-height:75px;
		left: 50%;
      transform: translateX(-50%);
		margin-left:0;
		margin-right:0;
	}
	.contBox.cont3 .secC.start_dental_banner .brandTitle{
		top:47px;
		left:50%;
		transform:translateX(-50%);
	}
/* 家具エリア修正 22-0203 */
				.kagu{
					display:flex;
				}
				.kagu > div{
					width: calc(100% / 3);
					height:300px !important;
				}
				.kagu .brandTitle{
		top:1%;
		left:3%;
	}
				.kagu .linkBtn{
					max-width:270px;
					height:70px;
					line-height:70px;
					bottom: 25px !important;
              left: 50% !important;
					transform:translatex(-50%) !important;
					margin:0 !important;
					padding-top:0 !important;
				}
				.kagu_ttl.title_S{
					height:135px !important;
				}



/* 0530 */
@media screen and (max-width:890px){
	.visibleNav>nav>ul{
	width:88%;
	font-size:14px;
	}
	.visibleNav>nav>ul>li>a,
	.header ul li{
		font-size:16px;
	}
	.header h1{
		left:10px;
	}
}