@charset "utf-8";
/* CSS Document */
.pc{display: none;}
.smp{display: block;}
	.shopInfo{display: none;}

body.color02 .tel a{
	    color: #262626;
}
h1 {
/*		margin: 0;
	 color: #B3070A;
	 text-shadow: 2px 2px 3px #f5a883;
		font-size: min( 5vw, 60px);
		font-weight: bold;
		text-align: center;
	*/
	    margin: 0;
    color: #fff;
    text-shadow: 1px 1px 2px #b3070a, 2px 2px 3px #e38a38, 3px 3px 3px #f1e749, 2px 2px 0px #212123;
    font-size: min(5vw, 60px);
    font-weight: bold;
    text-align: center;
	
}
.post-name-shoppanel_edogawa h1,.post-name-shoppanel_edogawa h2,.post-name-shoppanel_edogawa h3,.post-name-shoppanel_edogawa h4{
	margin: 0;
	padding: inherit;
}
.page-template-template_new_partition-lp header {
	position: fixed;
	width: 100%;
	padding: 0;
	z-index: 102;
	margin-left: -50%;
	left: 50%;
	background: #1c1c1c;
	top: 0;
}
.page-template-template_new_partition-lp header .inner {
		background: #ffffff;
}
.page-template-template_new_partition-lp header .headerWrap {
		display: flex;
		flex-flow: row wrap;
		padding: 20px;
	 background-color: #454545;
	 color:#ffffff;
}
.page-template-template_new_partition-lp header .header-l {
		flex-basis: 40%;
	  display: flex;
  align-items: center;
	    flex-wrap: wrap;
    flex-direction: row;
}
.page-template-template_new_partition-lp header .header-r {
		flex-basis: 60%;
		text-align: right;
		display: flex;
		flex-flow: row wrap;
		justify-content: end;
	 margin: 0 0 auto;
}
/**/
/* Nav styles */
.header_nav {
		display: block;
}
.menu ul {
		display: flex;
		justify-content: center;
		align-items: center;
		list-style-type: none;
		padding: 0;
		margin: 0;
		position: fixed;
		top: 0;
		right: -100vw;
		width: 100vw;
		flex-direction: column;
}
.menu li {
		background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		transition: transform .3s ease-in-out;
		height: 100px;
		width: 100vw;
}
.menu li a {
		color: #fff;
		letter-spacing: 2px;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		width: 100%;
		text-align: center;
}
.menu li a:hover {
		text-decoration: underline;
}
.menu li:nth-of-type(2) {
		transition-delay: .025s;
}
.menu li:nth-of-type(3) {
		transition-delay: .05s;
}
.menu li:nth-of-type(4) {
		transition-delay: .075s;
}
.menu li:nth-of-type(5) {
		transition-delay: .1s;
}
.menu.open li {
		transform: translateX(-100vw);
}
@media (max-width: 768px) {
		.header_nav {
				display: none;
		}
		.menu ul {
				flex-direction: column;
				top: 0;
				right: -100vw;
		}
		.menu li {
				height: 100px;
				width: 100vw;
		}
		.menu.open li {
				transform: translateX(-100vw);
		}
}
/* Hamburger menu */
.hamburger {
		background-color: #fff;
		border-radius: 50%;
		position: fixed;
		top: 120px;
		right: 20px;
		cursor: pointer;
		width: 40px;
		height: 40px;
		border: 1px solid #4b4848;
}

.hamburger:focus {
		outline: 0;
}
.hamburger .line {
		background-color: #000;
		display: block;
		margin: 4px auto;
		height: 2px;
		width: 20px;
		transition: all .1s ease-in;
}
.hamburger.open .line:nth-child(1) {
		transform: translateY(6px) rotate(45deg);
}
.hamburger.open .line:nth-child(2) {
		opacity: 0;
}
.hamburger.open .line:nth-child(3) {
		transform: translateY(-6px) rotate(-45deg);
}
/* General styles */
body {}
p {
		letter-spacing: .5px;
		line-height: 1.6;
}
.container {}

/**/
.header_nav {
		width: 100%;
		margin: 10px auto 0;
}
.headerWrap .header_list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		width: 80%;
		margin: auto;
}
.header_list li {
		flex-basis: 14%;
		text-align: center;
}
.header_list li a {
		text-decoration: none;
		display: block;
		padding: 10px;
	/*	color: #262626;*/
		color: #ffffff;
		font-weight: bold;
}
.header_list li a:hover {
		color: #ffffff;
		background: #DD1518;
}
.phone {
		line-height: 1.0;
		/*margin-right: 20px;*/
}
.phone a {
		color: #262626 !important;
		font-weight: bold;
}
.telnum {
		font-size: 24px;
		display: block;
		color: #ffffff;
}

.receptionHoursArea {
		font-size: small;
}
.btn.up {}
.btn.fixed 
{  /*margin: 0.5rem 0 0;*/
	  font-size: min( 4vw, 20px);
}
.btn a {
		/*background: #DE0515;*/
	 background-color: #1abb9a;
		color: #fff !important;
		padding: 5px;
		text-align: center;
	
}
.page-template-template_new_partition-lp .inner {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
}
.page-template-template_new_partition-lp .shopName {
	color: #DE0515;
	font-weight: bold;
	margin: 0.6rem 0.2rem 0;
	background-color: inherit;
}
.page-template-template_new_partition-lp .fv {
	background-image: url("../images/shoppanel/fv3.jpg");
	height: 500px;
 background-repeat: repeat-y;
	background-size: 150%;
	padding-bottom: 20px;
	background-position-y: 0;
	margin-top: 100px;
	display: flex;
	flex-flow: column nowrap;
	align-content: center;
	background-attachment: fixed;
}

.page-template-template_new_partition-lp .fv .inner {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}


.fvWrap {
/*		background: #B3070A;
	background:  #ffffffe0;*/
	background:  #0c0c0c69;
		padding: 20px;
		font-weight: bold;
	 margin: 40px;
		color: #ffffff;
}
.fvWrap ul {
		color: #514b4b;
	margin: 1rem auto;

}
.fvWrap ul li {
		font-size: clamp(14px, 3vw, 24px);
/*		margin: 1rem auto;*/
	margin:auto;
	transform: rotate(356deg);
	width: fit-content;
}
.conteBox {
		padding: 80px 0;
		/*	border-bottom: 2px solid #262626;*/
}
span.mark{
	   background: linear-gradient(transparent 60%, #b3070a36 0%);
    color: #b3070a;
    font-weight: bold;
    font-size: large;
}
h2 {
		flex-basis: 100%;
		text-align: center;
		font-weight: bold;
/*		color: #B3070A;*/
  color: #454545;
		font-size: clamp(24px, 3vw, 36px);
		margin-bottom: 20px;
}
h2.colline {
		color: #ffffff;
	/*	background: #B3070A; */
	 background: #262626;
}
	span.spNone , br.spNone ,ul.spNone  {
				display: none;
		}
 span.enhance {
/*	font-size: clamp(30px, 4vw, 40px);*/
	font-weight: bold;
}
.trouble .inner {
		padding: 1rem;
		background-image: url("../images/shoppanel/bg_003.png");
}

.trouble h2 {
	text-shadow: 3px 2px 4px #7c6e6e;
	margin: 0.5rem;
 font-size: clamp(18px, 3vw, 36px);
	    margin-bottom: 0;
}
.trouble h3 {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		background: #ffffff;
  color: #B3070A;
	 border-radius: 1rem;
  width: 80%;
  margin: 0.5rem auto;
}
.trouble .box {
		color: #ffffff;
		flex-basis: 30%;
		padding: 20px;
		background: #B3070A;
	 text-align: center;

}
	.trouble .box span.bl{
		    line-height: 3rem;
	    font-weight: bold;
    font-size: large;
	}
	
.trouble .troubleTop {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
	    margin: 0 auto;
}

.troubleimg{
	margin: 3rem 0;
}
.trouble .ttImg{
	width:30%;
	margin: 0 auto;
	padding: 2rem 0;
	max-width: 400px
}
.trouble .ttText{
	width:80%;
	background: #ffffff;
	   display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.trouble .ttText img{
	  max-width: 3rem;
    padding: 0.5rem;

}
  

/*-------------------------------------------------------newinfo*/
.newinfo{
 text-align: center;
	background-image: url("../images/shoppanel/fv.jpg");
	background-position: center;
 background-repeat: repeat;
	background-size: 250%;
 margin: 2rem;
	margin: inherit;
  position: relative;
  height: 300px;
	z-index: 3;
}
.newinfo:before{
	content:"";
	display:block;
	width:100%;
	height:300px;
	background: #5a5b5b;
	mix-blend-mode: multiply;
	position: absolute;
	top:0;
	left:0;
	bottom:0;

}
.newinfo .box{
	 z-index: 3;
  position: absolute;
  top: 50px;
  right: 0;
  left: 0;
	 color: #ffffff;
}

.newinfo h3{
	   font-size: clamp(30px, 4vw, 60px);
    font-weight: bold;
 /*   color: black;*/
	   color: #ffffff;
}
.newinfo .bigtext{
		font-weight: bold;
	 font-size: clamp(40px, 6vw, 80px);
	 text-shadow: 4px 4px 3px #9f9d93c2;
}
.newinfo .textinfo{
	margin: 0 auto;
			font-weight: bold;
	 font-size: clamp(16px, 3vw, 36px);
}
.newinfo ul{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.newinfo li{
	font-weight: bold;
}

.newinfo .colmini{
	   background: #B3070A;
    color: #ffffff;
    padding: 0 0.5rem;
}




/*-------------------------------------------------------btn*/
.btnWrap {
/*		background-color: #131313;*/
	background-color: #f1bf09c2;
	background-color: #161515cc;
		margin: auto;
		text-align: center;
		padding: 20px;
 background-image: url("../images/shoppanel/bg_002.jpg");
	background-position: top;
 background-repeat: no-repeat;
	background-size: 100%;
	background-blend-mode: soft-light;
}
.btnWrap .inner {
		margin: 40px auto;
		max-width: 1000px;
		padding: 20px;
		background-color: #ffffff;
}
.btnWrap .tel {
		background-color: #ffffff;
		margin: auto;
		padding: 20px 10px;
		border-radius: 5px;
		font-weight: bold;
}
.conteWrapp p {
		line-height: 1.7em;
}
.telNum {
		font-size: clamp(16px, 4vw, 30px);
		border: 1px solid #262626;
		padding: 10px;
		border-radius: 5px;
}
.btnWrap .btn {
		/* margin: 20px auto; */
		margin: 0 auto;
		padding: 10px;
}
.btnWrap .btn a {
		display: block;
		padding: 10px;
/*		background-color: #FF0000;*/
	 background-color: #1abb9a;
		color: #ffffff;
		font-size: clamp(16px, 3vw, 24px);
		margin: auto;
		border-radius: 5px;
		text-decoration: none;
}
.btnWrap .tel span {
		display: block;
}
.btnWrap h2 {
		font-size: clamp(16px, 2.5vw, 24px);
		color: inherit;
		margin-bottom: 0px;
}
.btnWrap p.shopname {
		font-size: clamp(14px, 3vw, 24px);
		font-weight: bold;
}
/*------------------------------------------------------Happyが選ばれる理由*/
#resolve .resolveTop {
display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
}
#resolve .resolveTop h2 {
margin-bottom: 0;	color: #ffffff;
}
#resolve .ttImg{
	width:30%;
	margin: 0 auto;
	padding: 2rem 0;
	max-width: 400px
}
#resolve .ttText{
width: 80%;
    background: #b3070a;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    border: 2px solid #272626;
    padding: 1rem;
    margin: 1rem;
    box-shadow: 5px 3px 0px #272626;

}
#resolve .ttText img{
	  max-width: 3rem;
    padding: 0.5rem;

}
#resolve h3 {
		font-size: clamp(14px, 2vw, 24px);
		font-weight: bold;
		text-align: start;
	 color: #ffffff;
}
#resolve h4 {
		font-size: clamp(20px, 3vw, 36px);
		color: #ffffff;
		font-weight: bold;
		background: #B3070A;
	/*	margin-bottom: 1rem;*/
		padding: 0 2rem;
}
#resolve .topic_box{
		margin: 3rem 1rem;
}
#resolve .reply_box {
		margin: 3rem 1rem;
}
#resolve .reply_box li:nth-child(2) {
	    text-align: center;
}
#resolve .reply_box img {
/*	   max-width: 300px;
    width: 50vw;*/
}
#resolve .reply_box ul{
display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;  
}
#resolve .replyimgs {
    margin: 1rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#resolve .replyimgs img{
	   max-width: 1000px;
    width: 100%;
}

#resolve .wake{
	display: flex;
	flex-flow: row wrap;
	justify-content:  center;
	flex-direction: column-reverse;
}
#resolve .wake div{
	flex-basis: 100%;
	background: #eeeeee;
	padding: 1rem;
}
#resolve .wake img{
  margin: 1rem auto;
}

.teian{
		display: flex;
	flex-flow: row wrap;
	justify-content: center;
	
}
.teian div{
	flex-basis: 100%;
	background: #eeeeee;
	padding: 10px;
	
}
.teian div img{
 margin: 1rem auto;
}

.text_combination{
	margin: 20px auto;
}
h5 {
		font-weight: bold;
	 font-size: 24px;
	    margin: 0 auto 2rem;
}
.replyPbox {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column-reverse;
    margin: -80px 0 0 0;
}

.replyMainimg{
	    width: 50%;
}
.colbk{
	   color: #ffffff;
    background-color: #000000;
    width: fit-content;
    padding: 0 1rem;
}

.textthere {
	text-align: center;
	padding: 20px 10px;
	color: #fff;
    margin-top: -50px;
    margin-bottom: 50px;
    background: #b3070a;
    font-weight: bold;
}
.showroom_wrapper {
	margin: 10px 10px 0;
	background: #cacaca;
/*	background-image: url("../images/shoppanel/outside.png");*/
		background-image: url("../images/shoppanel/bg_006.jpg");
background-size: cover;
	    background-attachment: fixed;
}
.showroom_wrapper .inner {
	background: #0000007d;
	padding: 20px;
}
.showroomtitle {
	font-weight: bold;
	text-align: center;
	font-size: 4vw;
	color: #fff;
}
.showroom_wrapper .shopInfor {

	
}
.showroom_wrapper .outside {
	flex-basis: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.showroom_wrapper .shoptable {

}
.showroom_wrapper .shoptable table{
	font-size: 14px;
		width: 100%;
	margin-bottom: 10px;
}
.showroom_wrapper .shoptable .telnum {
	font-size: 24px;
	text-align: left;
	color: #262626
}

	.showroom_wrapper .shoptable table th{
	background: #b3070a;
		font-weight: bold;
		color: #fff;
	}
		.showroom_wrapper .shoptable table td{
	background: #fff;

	}

.showroom_wrapper .gMap{

}


.showroom_wrapper ul{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.showroom_wrapper ul li{
	   width: 47%;
    margin: 1%;
  background: #fff;;
 /*	   border: 3px solid #B3070A;*/
	    text-align: center;
	 
}
.showroom_wrapper ul img {
	border: 1px solid #fff;
}
.showroom_wrapper ul li p{
	padding: 10px;
}
.showroom_wrapper span {
	font-weight: bold;
	text-align: center;
	margin: 10px auto;
	display: block;
}
.showroom_wrapper p{
	text-align: left!important;
}


/*------------------------------------------------------ パーテーションの種類  */
#typesPati{

		background-image: url("../images/shoppanel/bg_009.png");
   background-size: contain;
	    background-attachment: fixed;
}
    #typesPati .tableWrap {
        background: #ffffff;
        border: 1px solid #c8c5c5;
					position:relative;
				margin: 1rem 0;
    }

#typesPati ul {
	   display: flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
}
#typesPati li {
	   padding: 1rem;
   /* width: 48%;*/
	  background: #ffffff;
    margin: 1rem 0;
	border: 1px solid #c8c5c5;
}

#typesPati .inner{
	/* background: #ffffff;*/
	/*    box-shadow: 3px 3px 5px #45454561;*/
}
   

.typebox {
		font-weight: bold;
/*		font-size: 20px;*/
		margin-bottom: 0.5rem;
}

#typesPati .tableWrap .masking-tape{
    position: absolute;
    top: -1em;
    left: 10vw;
    width: 35vw;
    height: 30px;
    background-image: linear-gradient(-45deg, #b3070ab5 25%, transparent 25%, transparent 50%, #b3070ab5 50%, #b3070ab5 75%, transparent 75%, transparent 100%);
    background-size: 20px 20px;
    border-left: 2px dotted rgba(0, 0, 0, .1);
    border-right: 2px dotted rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 0.25em 2em;
    color: #65513f;
}
#typesPati .tableWrap .masking-tapebtm{
    position: absolute;
    top: -1em;
    left: inherit;
	   right: 10vw;
    width: 30vw;
    height: 30px;
    background-image: linear-gradient(-45deg, #b3070ab5 25%, transparent 25%, transparent 50%, #b3070ab5 50%, #b3070ab5 75%, transparent 75%, transparent 100%);
    background-size: 20px 20px;
    border-left: 2px dotted rgba(0, 0, 0, .1);
    border-right: 2px dotted rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 0.25em 2em;
    color: #65513f;
}
#typesPati table {
		margin: 2rem auto;
		width: 95%;
	white-space:nowrap;
		background: #ffffff;
	/*font-size: 12px;*/
	font-weight: bold;
 padding: 0;
}
#typesPati td {
		width: calc(100% / 5);
	text-align: center;
	     padding: 15px 0;
}
#typesPati td.pointTd{
	font-weight: bold;
    font-size: xx-large;

}


#typesPati tr:nth-child(2n+1) {
/*	 background: #b3070a5c;*/
	background: #e8e8e8;
}

.bgLef1{
	    background: #000000;
    color: #ffffff;
    padding: 0 2rem;
    border-left: 1rem solid #B3070A;
}
.bgLef2{
	    background: #000000;
    color: #ffffff;
    padding: 0 2rem 0 1rem;
    border-left: 1rem solid #0303d0;
}
.bgLef3{
	    background: #000000;
    color: #ffffff;
    padding: 0 2rem;
    border-left: 1rem solid #fce90a;
}
.bgLef4{
	    background: #000000;
    color: #ffffff;
    padding: 0 2rem;
    border-left: 1rem solid green;
}

.typeText{
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex-wrap: nowrap;
}
.typeText .text{
	    margin: 1.5rem 1rem;

}

.typeText img{
	　　max-width: 100%;
	    border-radius:30% 0 0 0;
}


/*------------------------------------------------------ 目的別  */
#purpose ul {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
}
    #purpose li {
        margin: 2rem auto;
        background-color: #e8e8e8;
					   padding: 2rem 0.5rem;  
					  position:relative;
    }

#purpose li:before{
	position:absolute;
	top: -0.8em;
	left:0;
	font-size:min(	15vw, 80px);
	font-weight: bold;
	content: "  ";
}
#purpose li:first-child:before{
content: "001";
}
#purpose li:nth-child(2):before{
content: "002";
}
#purpose li:nth-child(3):before{
content: "003";
}
#purpose li:nth-child(4):before{
content: "004";
}
#purpose .pointBox {
    background: #ffffff;
    padding: 2rem 1rem;
}
#purpose .typebox {
}

#purpose .pointL {
position: relative;
  width: fit-content;
  padding: 2rem 1.5rem 1rem;
  border: 2px solid #333333;
  background-color: #DE0515;
  margin: 1rem 0;
  z-index: 0;
}

#purpose .pointL:before  {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: -2;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 2px solid #333333;
  background-color: #ffffff;
}
#purpose .pointL:after  {
  content: "";
  position: absolute;
  top: calc(100% + 10px);
  left: 50%;
  z-index: -1;
  width: 20px;
  height: 2px;
  transform: rotate(50deg);
  box-sizing: border-box;
  background-color: #333333;
  box-shadow: 0 2px 0 #ffffff, 0 -2px 0 #ffffff; 
}

/*------------------------------------------------------ 図面作成  */
.layoutWrap {
		padding: 30px 0;
				background-image: url("../images/shoppanel/bg_010.png");
     background-size: cover;
	    background-attachment: fixed;
	    background-blend-mode: color;
    background-color: #ffffff6b;
}
.layoutWrap h3 {
		text-align: center;
		font-size: clamp(24px, 4vw, 40px);
		color: #fff;
		font-weight: bold;
		width: 80%;
		margin: auto;
		border-bottom: 5px solid #B3070A;
		padding: 20px 0 0;
}
.layoutWrap .inner {
		margin: auto;
		max-width: 1000px;
		padding: 40px 0;
}
.layoutPic {
		margin: auto;
}
.layoutBox {
		position: relative;
}
.layoutText {
/*		background-color: rgba(83, 83, 83, 0.65);*/
		background-color: 	#b3070ac2;
		bottom: 0;
		margin: auto;
		width: 100%;
}
.layoutText .layoutP {
		width: 90%;
		color: #ffffff;
		padding: 20px;
		margin: auto;
		font-size: 1.1rem;
}
/*------------------------------------------------------ 
*/

.shopWrapp {
		padding: 40px 20px;
}
.shopWrapp h2 {
		font-size: 7.0vw;
}
.shopWrapp h3 {
		text-align: center;
		font-size: 5.0vw;
		border-bottom: 1px solid #262626;
		margin: 10px auto 0;
		padding: 0;
}
.shopWrapp .inner {
		margin: 40px auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
		background-color: #ffffff;
}
.shopImg {
		width: 100%;
}
.shopInfo,.gaiyouBox {
		margin: 20px auto;
		padding: 10px;
}
.shopWrapp p {
		margin: auto;
		padding: 20px;
}
.shopInfo table, #shopOffice table {
	 width: 100%;
		border-collapse: collapse;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size: 14px;
		margin: 0 auto;
		font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#shopOffice{
    background-image: url(../images/shoppanel/bg_011.png);
    background-size: contain;
}
#shopOffice .telnum {
		font-size: 24px;
		color: #000000;
}
#shopOffice tr{
	width: 100%;
}
#shopOffice table th {
		display: block;
}
#shopOffice table td {
		display: block;
		border-bottom: 1px dotted #ccc;
		/*margin: 0 0 10px;*/
}

/*　--------------------------------　　　会社概要*/
		.shopWrapp h2 {
				font-size: 3.0rem;
		}
		.shopWrapp h3 {
				text-align: center;
				font-size: 2rem;
				border-bottom: 1px solid #262626;
				margin: auto;
				max-width: 1000px;
				padding: 0;
		}
		.shopWrapp .inner {
				margin: 40px auto;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				max-width: 1000px;
				padding: 0;
				background-color: #ffffff;
		}
		.shopInfo,.gaiyouBox {
				margin: 20px auto;
		}
		.shopWrapp p {
				width: 90%;
				margin: auto;
				padding: 20px;
		}

		 #shopOffice table th {
				display: block; 
				background: #919598;
				color: #fff;
				border: #ddd solid 1px;
				padding: 20px;
		}

		 #shopOffice table td {
				display: block; 
				padding: 20px;
				background: #ffffff;
				border: #ddd solid 1px;
				margin: 0;
		}
	
.shopMap{
	height: 20rem;
	   padding: 1rem;
    border: 1.5px solid #e8e8e8;
    border-top: none;
}

.areaWrap {
/*		color: #fff;*/
  color: #3E3D3D;
	 padding: 120px 10px;
	background: repeating-linear-gradient(135deg, #ddd, #ccc 1px, #fff 1px, #fff 8px);
}
.areaWrap .inner{
background: #ffffff;
 padding: 0 1rem 1rem;
}
.areaWrap h2 {
		color: #ffffff;
		font-weight: bold;
		border-bottom: 1px solid #ffffff;
		margin: 0 0 30px;
}
.areaWrap h2 span {
		font-size: 4vw;
		display: block;
}
.areaWrap h3 {
		font-weight: bold;
}
#qaWrap {
		padding: 40px 20px;
/* background-color: #b3070a5c;*/
        background-color:#b3070a2b;
}
#qaWrap h2 {
		font-size: clamp(24px, 3vw, 36px);
}

#qaWrap .inner {
		margin: 40px auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
}

#qaWrap .qaWrap_top{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
#qaWrap .qaWrap_top .ttImg:first-child {
 display: none;
}

#qaWrap dl {}
#qaWrap dt {
		font-weight: bold;
		background-color: #4f5050;
		;
		padding: 20px;
		color: #fff;
		/*font-size: clamp(24px, 3vw, 30px);*/
}
#qaWrap dd {
		margin: auto auto 2em;
		padding: 40px;
		background-color: #ffffff;
		/*	font-size: 18px;*/
		/*font-size: clamp(16px, 2vw, 24px);*/
}
#qaWrap dl i {
		margin: 0 1rem 0 0;
		/*font-size: 36px;*/
}
  
.flexible .textBlock{
    padding: 3rem 1rem;
    border: 3px solid #454545;
background-image: url("../images/shoppanel/bg_008.png");
background-size: cover;
/*background-attachment: fixed;*/
}
.flexible .flexible_top {
 display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;

}
.cautionWrap .inner {
		margin: 40px auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
		width: 100%;
		max-width: 1200px;
}
.cautionWrap .cauton_list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		margin: 10px auto 10px;
}
.cautionWrap .cauton_list li {
		flex-basis: 45%;
		max-width: 45%;
		text-align: center;
		font-size: 3.5vw;
		margin-bottom: 20px;
		background-color: #fff;
	 box-shadow: 2px 2px 4px #e8e8e8;
		padding: 10px;
}


.conteWrapp h3 {
		margin: 10px 0;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: center;
		font-weight: bold;
		/* border-top: 1px solid #262626;*/
		padding: 20px 0 10px;
		font-size: clamp(16px, 2.5vw, 24px);
}
.cautionWrap h3{
	   text-align: center;
    font-size: x-large;
    font-weight: bold;
    margin: 3rem auto 1rem;
} 
.cautionWrap .ranma {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		margin: 10px auto 10px;
}
.cautionWrap .ranma li {
		flex-basis: 31%;
		max-width: 31%;
		text-align: center;
		font-size: 3.5vw;
}

.cautionWrap img.wp-image-12283 {
	box-shadow: 3px 3px 9px #454545;
	margin: 20px auto;
	text-align: center;
	display: block;
}


/*------------------------------------------------------ 
*/
.reason .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
}
.reason h2 {
		flex-basis: 100%;
		text-align: center;
		font-weight: bold;
		color: #B3070A;
		font-size: 24px;
		margin-bottom: 20px;
}
.reason h3 {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
}
.reason .box {
		color: #ffffff;
		flex-basis: 30%;
		text-align: left;
		padding: 20px;
		background: #B3070A;
}


/*------------------------------------------------------ 流れ  */
.flowBox .box{
	margin: 10px auto;
	width: 95%;
	background: #454545;
	color: #ffffff;
	cursor: pointer;
}

.flowBox .box h3 {
	padding: 10px;
	flex-basis: 60%;
	max-width: 60%;
	margin: auto;
	font-size: 3vw;
	font-weight: bold;
}
.flowBox h3::after {
	font-family: "Font Awesome 5 Free";
	content: "\f063 ";
	font-weight: 900;
	text-align: center;
	margin: auto auto auto 1em;
}
#panel,#panel2,#panel3,#panel4,#panel5 {

  display: none;
	padding: 10px;
}
.conteBox.smp .flowPic {
	display: flex;
	flex-flow: row wrap;
}
.conteBox.smp .flowPic img{
flex-basis: 40%;
  max-width: 40%;
}
.conteBox.smp ul {
		display: block;
		margin: auto;
		color: #fff;
		padding: 0 40px;
}
.conteBox.smp ul li {
		list-style-type: disc;
}

.conteBox_wrapper{
	margin: 3rem auto;
}


/*
.content_area {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0;
}

.tab-container {
	   margin: 0;
	   display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}
.tab {
		font-weight: 500;
		text-align: center;
  width:3rem;
		padding: 10px;
		background-color: #f8f8f8;
		cursor: pointer;
  border-radius: 1rem 0 0 1rem;
}
.tab.active {
		background-color: #b3070a;
		color: #fff;
}
.content {
		display: none;
}
.flowbox{
	position: relative;
}

.content-container {
		  background: #3a75bb;
	   position: absolute;
    top: 8%;
    left: 3rem;
    width: 87vw;
	   background-color: #454545;
    border: 10px solid #b3070a;
	   height: fit-content;
	   min-height: 55rem;
}
.content img {
		text-align: center;
		display: block;
		margin: auto;
		border-radius: 10px;
}
.content.show {
    display: flex;
    background-color: #454545;
    flex-flow: row wrap;
    padding: 1rem;
    align-items: center;
    flex-direction: row;
}
.content.show .text{
		display: block;
		margin: auto;
		color: #fff;
		padding: 20px;
		flex: 1;
}
.content.show h3 {
		flex-basis: 100%;
		max-width: 100%;
		font-size: 36px;
		color: #fff;
		font-weight: bold;
	 margin: 2rem auto;
}
.flowPic {
		flex-basis: 400px;
		width: 400px;
  margin: 2rem auto;

}

#flow ul {
		display: block;
		margin: auto;
		color: #fff;
		padding: 0 40px;
}
#flow ul li {
		list-style-type: disc;
}*/
/*------------------------------------------------------ 施工事例  */


#case{
	background: #eaeaea;
}
#case .caseWrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 40px;
}
#case .caseWrap:nth-of-type(1) .box{
  box-shadow: 1px 1px 2px #B3070A;;
  margin: 1px 1px 1px 0;
}
#case .caseWrap:nth-of-type(2) .box{
	  box-shadow: 1px 1px 2px #0303d0;
  margin: 1px 1px 1px 0;
}
#case .caseWrap:nth-of-type(3) .box{
  box-shadow: 1px 1px 2px green;
  margin: 1px 1px 1px 0;
}
/*.caseWrap .box{
	border:1px solid #b3070a;
}*/
.caseWrap .bgLef1 .box{
	border:1px solid #B3070A;
}
.caseWrap .bgLef2 .box{
	border:1px solid #0303d0;
}
.caseWrap .bgLef4 .box{
	border:1px solid green;
}

#case h2 {
		flex-basis: 100%;
		text-align: center;
		font-weight: bold;
		margin-bottom: 20px;
}
#case h3 {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
		flex-basis: 100%;
	 width: fit-content;
}
#case .box {
	flex-basis: 33%;
	text-align: left;
	background: #fff;
	display: flex;
	flex-flow: column nowrap;
}

#case .boxText{
	padding: 20px;
	margin: -80px 0 0 0;
}


.boxText h3 {
		font-size: 18px;
		height: 4rem;
		text-align: left;
	    color: #ffffff;
    text-shadow: 2px 2px 1px #000000, 4px 2px 5px #000000;
}

.boxButton {
	text-align: center;
	margin: auto auto 0;
}

.boxButton a {
	display: block;
	padding: 10px;
	text-align: center;
	background: #eaeaea;
	margin: auto auto 20px;
	color: #262626!important;
}
#case .caseWrap{
	display: block;
}

#wrap-service-footer .wrap_service_aria {
	display: none;
}

@media screen and (min-width: 768px) {
		.pc{display: block;}
.smp{display: none;}
	#resolve .resolveTop,#case h2,#purpose h2,#voice h2,#flow h2,#qaWrap h2,#shopOffice h2 {
			margin-top: 100px;
	}
.page-template-template_new_partition-lp header {
	position: fixed;
	width: 100%;
	padding: 0;
	z-index: 102;
	margin-left: -50%;
	left: 50%;
	background: #454545;
	top: 0;
}
.page-template-template_new_partition-lp header .inner {
		background: #ffffff;
}
.page-template-template_new_partition-lp header .headerWrap {
		display: flex;
		flex-flow: row wrap;
		padding: 20px;
	 color:#ffffff;
}
.page-template-template_new_partition-lp header .header-l {
		flex-basis: 30%;
}
.page-template-template_new_partition-lp header .header-r {
		flex-basis: 70%;
		text-align: right;
		display: flex;
		flex-flow: row wrap;
		justify-content: end;
}
/**/
/* Nav styles */
.header_nav {
		display: block;
}
.menu ul {
		display: flex;
		justify-content: center;
		align-items: center;
		list-style-type: none;
		padding: 0;
		margin: 0;
		position: fixed;
		top: 0;
		right: -100vw;
		width: 100vw;
		flex-direction: column;
}
.menu li {
		background-image: linear-gradient(60deg, #29323c 0%, #485563 100%);
		display: flex;
		justify-content: center;
		align-items: center;
		transition: transform .3s ease-in-out;
		height: 100px;
		width: 100vw;
}
.menu li a {
		color: #fff;
		letter-spacing: 2px;
		text-decoration: none;
		text-transform: uppercase;
		display: block;
		width: 100%;
		text-align: center;
}
.menu li a:hover {
		text-decoration: underline;
}
.menu li:nth-of-type(2) {
		transition-delay: .025s;
}
.menu li:nth-of-type(3) {
		transition-delay: .05s;
}
.menu li:nth-of-type(4) {
		transition-delay: .075s;
}
.menu li:nth-of-type(5) {
		transition-delay: .1s;
}
.menu.open li {
		transform: translateX(-100vw);
}
	
@media (max-width: 768px) {

		.header_nav {
				display: none;
		}
		.menu ul {
				flex-direction: column;
				top: 0;
				right: -100vw;
		}
		.menu li {
				height: 100px;
				width: 100vw;
		}
		.menu.open li {
				transform: translateX(-100vw);
		}
}
/* Hamburger menu */
.hamburger {
display: none;
}

/* General styles */
body {}
p {
		letter-spacing: .5px;
		line-height: 1.6;
}
.container {}

/**/
.header_nav {
		width: 100%;
		margin: 10px auto 0;
}
.headerWrap .header_list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		width: 90%;
		margin: auto;
}
.header_list li {
		flex-basis: 14%;
		text-align: center;
	 font-size: min(1.5vw,16px);
}
.header_list li a {
		text-decoration: none;
		display: block;
		padding: 10px;
	/*	color: #262626;*/
		color: #ffffff;
		font-weight: bold;
}
.header_list li a:hover {
		color: #ffffff;
		background: #DD1518;
}
.phone {
		line-height: 1.0;
		margin-right: 20px;
}
.phone a {
		color: #262626 !important;
		font-weight: bold;
}
.telnum {
		font-size: 24px;
		display: block;
		color: #ffffff;
}

.receptionHoursArea {
		font-size: small;
}
.btn.up {}
.btn.fixec {}
.btn a {
		/*background: #DE0515;*/
	 background-color: #1abb9a;
		color: #fff !important;
		padding: 5px;
		text-align: center;
}
.page-template-template_new_partition-lp .inner {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto;
}
.page-template-template_new_partition-lp .shopName {
/*		color: #DE0515;*/
		font-weight: bold;
}
.page-template-template_new_partition-lp .fv {
	margin-top: 100px;
	height: 100vh;
}

.page-template-template_new_partition-lp .fv .inner {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}


h1 {

	    margin: 0;
    color: #fff;
      text-shadow: 4px 4px 3px #b3070a, 5px 5px 3px #e38a38, 6px 6px 3px #f1e749, 7px 7px 4px #212123;
    font-size: min(5vw, 60px);
    font-weight: bold;
    text-align: center;
	
}
	
	.fvWrap {
	 margin:25vh auto 5vh;
}
	
.fvWrap ul {
		display: flex;
		justify-content: space-evenly;
		width: 80%;
}
.fvWrap ul li {
		font-size: clamp(14px, 3vw, 24px);
		margin: 1rem 0.5rem;
}
.conteBox {
		padding: 80px 0;
		/*	border-bottom: 2px solid #262626;*/
}
span.mark{
	   background: linear-gradient(transparent 60%, #b3070a36 0%);
    color: #b3070a;
    font-weight: bold;
    font-size: large;
}
h2 {
		flex-basis: 100%;
		text-align: center;
		font-weight: bold;
/*		color: #B3070A;*/
  color: #454545;
		font-size: clamp(24px, 3vw, 36px);
		margin-bottom: 20px;
}
h2.colline {
		color: #ffffff;
	 background: #262626;
}

 span.enhance {
	font-weight: bold;
}
.trouble .boxwrapper {
    display: flex;
    justify-content: space-evenly;
}
.trouble .box {
		background: #ffffff;
}
.trouble h2 {
	text-shadow: 3px 2px 6px #7c6e6e;
}
.trouble h3 {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
}
.trouble .box {
		color: #ffffff;
		flex-basis: 30%;
		padding: 20px;
		background: #B3070A;
	    text-align: center;
}

/*-------------------------------------------------------newinfo*/
.newinfo{
	background-size: 180%;
	height: 500px;
}
	.newinfo::before{
		height: 500px;
	}
	
.newinfo .bigtext{
		font-weight: bold;
	 font-size: clamp(40px, 6vw, 80px);
	 text-shadow: 4px 4px 3px #7c6e6e;
}
.newinfo .textinfo{
	margin: 0 auto;
			font-weight: bold;
	 font-size: clamp(16px, 3vw, 36px);
}
.newinfo ul{
    display: flex;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    justify-content: center;
}
.newinfo li{
	font-weight: bold;
}

.newinfo .colmini{

    padding: 0 0.5rem;
}




/*-------------------------------------------------------btn*/
.btnWrap {
/*		background-color: #131313;*/
	background-color: #f1bf09c2;
	background-color: #3a3939cc;
		margin: auto;
		text-align: center;
		padding: 40px 20px;
/*	  background-image: url(../cate_partition/image/shoppanel/);
    background-position: center right;
    background-size: contain;
    background-repeat: no-repeat;*/
}
.btnWrap .inner {
		margin: 40px auto;
		max-width: 1000px;
		padding: 20px;
		background-color: #ffffff;
}
.btnWrap .tel {
		background-color: #ffffff;
		margin: auto;
		padding: 20px 10px;
		border-radius: 5px;
		font-weight: bold;
}
.conteWrapp p {
		line-height: 1.7em;
}
.telNum {
		font-size: clamp(16px, 4vw, 30px);
		border: 1px solid #262626;
		padding: 10px;
		border-radius: 5px;
}
.btnWrap .btn {
		/* margin: 20px auto; */
		margin: 0 auto;
		padding: 10px;
}
.btnWrap .btn a {
		display: block;
		padding: 10px;
/*		background-color: #FF0000;*/
	 background-color: #1abb9a;
		color: #ffffff;
		font-size: clamp(16px, 3vw, 24px);
		margin: auto;
		border-radius: 5px;
		text-decoration: none;
}
.btnWrap .tel span {
		display: block;
}
.btnWrap h2 {
		font-size: clamp(16px, 2.5vw, 24px);
		color: inherit;
		margin-bottom: 0px;
}
.btnWrap p.shopname {
		font-size: clamp(14px, 3vw, 24px);
		font-weight: bold;
}
/*------------------------------------------------------Happyが選ばれる理由*/
	#resolve {
		padding: 80px 0 0 ;
	}
#resolve h3 {
		font-size: clamp(14px, 2vw, 24px);
		font-weight: bold;
		text-align: start;
	 color: #ffffff;
}
#resolve h4 {
		font-size: clamp(20px, 3vw, 36px);
		color: #ffffff;
		font-weight: bold;
		background: #B3070A;
	/*	margin-bottom: 1rem;*/
		padding: 0 2rem;
}
#resolve .topic_box{
		margin: 3rem 1rem;
}
#resolve .reply_box {
		margin: 3rem 1rem;
}
	#resolve .wake{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
}
#resolve .wake div{
	flex-basis: 24%;
	background: #eeeeee;
}

.teian{
		display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
}
.teian div{
	flex-basis: 33%;
	background: #eeeeee;
	padding: 10px;
	
}

h5 {
		font-weight: bold;
	 font-size: 24px;
  margin: 0 auto;
}
.replyPbox {
    display: flex;
    align-items: center;
    justify-content: center;
	   flex-direction: row;
	  margin:inherit;
}
	.replyMainimg{
	    width: inherit;
}

#resolve > div > div:nth-child(3) > div.reply_box > div{
    flex-direction: row-reverse;
}	
	
#resolve .reply_box ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
	   flex-direction: row;
}
	

.colbk{
	   color: #ffffff;
    background-color: #000000;
    width: fit-content;
    padding: 0 1rem;
}

/*------------------------------------------------------ パーテーションの種類  */
	#typesPati .tableWrap{
        padding: 30px 0;
        background: #ffffff;
        box-shadow: 5px 5px 3px #c8c5c5;
        box-sizing: content-box;
        margin: 5rem 1rem;
		      border: 1px solid #c8c5c5;
		position: relative;
	}
	#typesPati .tableWrap .masking-tape{
    position: absolute;
    top: -1em;
    left: -2rem;
    width: 200px;
    height: 40px;
    background-image: linear-gradient(-45deg, #b3070ab5 25%, transparent 25%, transparent 50%, #b3070ab5 50%, #b3070ab5 75%, transparent 75%, transparent 100%);
    background-size: 20px 20px;
    border-left: 2px dotted rgba(0, 0, 0, .1);
    border-right: 2px dotted rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 0.25em 2em;
    color: #65513f;
    transform: rotate(342deg);
}
		#typesPati .tableWrap .masking-tapebtm{
    position: absolute;
    top: inherit;
    bottom: -1rem;
    left: inherit;
    right: -2rem;
    width: 200px;
    height: 40px;
    background-image: linear-gradient(-45deg, #b3070ab5 25%, transparent 25%, transparent 50%, #b3070ab5 50%, #b3070ab5 75%, transparent 75%, transparent 100%);
    background-size: 20px 20px;
    border-left: 2px dotted rgba(0, 0, 0, .1);
    border-right: 2px dotted rgba(0, 0, 0, .1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    padding: 0.25em 2em;
    color: #65513f;
    transform: rotate(342deg);
}

#typesPati ul {
	   display: flex;
    justify-content: space-evenly;
    width: 100%;
    flex-wrap: wrap;
}
#typesPati li {
	   padding: 1rem;
    width: 48%;
}
.typebox {
		font-weight: bold;
/*		font-size: max(1.5vw,24px);*/
		margin-bottom: 0.5rem;
}
#typesPati table {
		margin: 1rem auto;
	font-size: 16px;
}
#typesPati td {
		width: calc(100% / 5);
 	padding: 15px;
  text-align: center;
}
/*------------------------------------------------------ 目的別  */
#purpose ul {
		display: flex;
		flex-wrap: nowrap;
		flex-direction: column;
}
    #purpose li {
        margin: 2rem auto;
        background-color: #e8e8e8;
					display: flex;
    flex-flow: column nowrap;
        
    }
#purpose .pointBox {
	background: #ffffff;
	padding: 2rem 1rem;
	height: 100%;
	align-self: auto;
	margin: auto auto 0;
}
	
#purpose .typebox {
	 margin-left: -2rem;
}
	#purpose li:before{
	font-size:min(	6.5vw, 80px);
}
/*------------------------------------------------------ 図面作成  */
.layoutWrap h2{
    background-image: linear-gradient(#ffffff00 80%, #b3070a9c 40%);
    width: fit-content;
    padding: 1.5rem 3rem 0;
    margin: 0 auto;
}
.layoutWrap h3 {
		text-align: center;
		font-size: clamp(24px, 4vw, 40px);
		color: #fff;
		font-weight: bold;
		width: 80%;
		margin: auto;
		border-bottom: 5px solid #B3070A;
		padding: 20px 0 0;
}
.layoutWrap .inner {
		margin: auto;
		max-width: 1000px;
		padding: 40px 0;
}
.layoutPic {
		margin: auto;
}
.layoutBox {
		position: relative;
}
.layoutText {
		bottom: 0;
		margin: auto;
		width: 100%;
}
.layoutText .layoutP {
		width: 90%;
		color: #ffffff;
		padding: 20px;
		margin: auto;
		font-size: 1.1rem;
}
/*------------------------------------------------------ 
*/

.shopWrapp {
		padding: 40px 20px;
}
.shopWrapp h2 {
		font-size: 7.0vw;
}
.shopWrapp h3 {
		text-align: center;
		font-size: 5.0vw;
		border-bottom: 1px solid #262626;
		margin: 10px auto 0;
		padding: 0;
}
.shopWrapp .inner {
		margin: 40px auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
		background-color: #ffffff;
}
.shopImg {
		width: 100%;
}
.shopInfo,.gaiyouBox {
		margin: 20px auto;
		padding: 10px;
}
.shopWrapp p {
		margin: auto;
		padding: 20px;
}
.shopInfo table, #shopOffice table {
	 width: 100%;
		border-collapse: collapse;
		border-spacing: 1px;
		text-align: left;
		line-height: 1.5;
		font-size: 14px;
		margin: 0 auto;
		font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#shopOffice .telnum {
		font-size: 24px;
		color: #000000;
}
#shopOffice tr{
	width: 100%;
}
#shopOffice table th {
		display: block;
}
#shopOffice table td {
		display: block;
		border-bottom: 1px dotted #ccc;
		/*margin: 0 0 10px;*/
}

/*　--------------------------------　　　会社概要*/
		.shopWrapp h2 {
				font-size: 3.0rem;
		}
		.shopWrapp h3 {
				text-align: center;
				font-size: 2rem;
				border-bottom: 1px solid #262626;
				margin: auto;
				max-width: 1000px;
				padding: 0;
		}
		.shopWrapp .inner {
				margin: 40px auto;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				max-width: 1000px;
				padding: 0;
				background-color: #ffffff;
		}
		.shopInfo,.gaiyouBox {
				margin: 20px auto;
		}
		.shopWrapp p {
				width: 90%;
				margin: auto;
				padding: 20px;
		}

		 #shopOffice table th {
				display: block; 
				background: #919598;
				color: #fff;
				border: #ddd solid 1px;
				padding: 20px;
		}

		 #shopOffice table td {
				display: block; 
				padding: 20px;
				background: #ffffff;
				border: #ddd solid 1px;
				margin: 0;
		}
	
.shopMap{
	height: 20rem;
	   padding: 1rem;
    border: 1.5px solid #e8e8e8;
    border-top: none;
}



.areaWrap {
/*		background: #313131;*/
/*		color: #fff;*/
  color: #3E3D3D;
		padding: 20px;
}
.areaWrap h2 {
		color: #ffffff;
		font-weight: bold;
		border-bottom: 1px solid #ffffff;
		margin: 0 0 30px;
}
.areaWrap h2 span {
		font-size: 4vw;
		display: block;
}
.areaWrap h3 {
		font-weight: bold;
}
#qaWrap {
		padding: 40px 20px;

}
#qaWrap h2 {
		font-size: clamp(24px, 3vw, 36px);
}

#qaWrap .inner {
		margin: 40px auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
}
	#qaWrap .qaWrap_top {
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin: 0 auto;
}
	
	#qaWrap .qaWrap_top .ttImg:first-child {
 display: inherit;
}
	
#qaWrap dl {}
#qaWrap dt {
		font-weight: bold;
		background-color: #4f5050;
		;
		padding: 20px;
		color: #fff;
		/*font-size: clamp(24px, 3vw, 30px);*/
}
#qaWrap dd {
		margin: auto auto 2em;
		padding: 40px;
		background-color: #ffffff;
		/*	font-size: 18px;*/
		/*font-size: clamp(16px, 2vw, 24px);*/
}
#qaWrap dl i {
		margin: 0 1rem 0 0;
		/*font-size: 36px;*/
}
.cautionWrap .inner {
		margin: 40px auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		padding: 0;
		width: 100%;
		max-width: 1200px;
}
.cautionWrap .cauton_list {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		margin: 10px auto 10px;
}
.cautionWrap .cauton_list li {
		flex-basis: 45%;
		max-width: 45%;
		text-align: center;
		font-size: 3.5vw;
		margin-bottom: 20px;
		background-color: #fff;
		padding: 10px;
}
.conteWrapp h3 {
		margin: 10px 0;
		margin-top: 40px;
		margin-bottom: 20px;
		text-align: center;
		font-weight: bold;
		/* border-top: 1px solid #262626;*/
		padding: 20px 0 10px;
		font-size: clamp(16px, 2.5vw, 24px);
}
.cautionWrap .ranma {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		margin: 10px auto 10px;
}
.cautionWrap .ranma li {
		flex-basis: 31%;
		max-width: 31%;
		text-align: center;
		font-size: 3.5vw;
}
/*------------------------------------------------------ 
*/
.reason .inner {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
}
.reason h2 {
		flex-basis: 100%;
		text-align: center;
		font-weight: bold;
		color: #B3070A;
		font-size: 24px;
		margin-bottom: 20px;
}
.reason h3 {
		text-align: center;
		font-weight: bold;
		font-size: 18px;
}
.reason .box {
		color: #ffffff;
		flex-basis: 30%;
		text-align: left;
		padding: 20px;
		background: #B3070A;
}


/*------------------------------------------------------ 流れ  */
.content_area {
		width: 100%;
		margin: 0 auto;
		padding: 30px 0;
}
.tab-container {
		   display: flex;
   flex-wrap: nowrap;
   flex-direction: row;
}
.tab-container {
	/*	margin: 0;*/
	margin: 5rem 0 0;
}
.tab {
		font-weight: 500;
		text-align: center;
		width: calc(100% / 5);
		padding: 30px 10px;
		background-color: #f8f8f8;
		cursor: pointer;
/*		border-top-left-radius: 10px;
		border-top-right-radius: 20px;*/
	 border-radius: 20px 20px 0 0;
}
.tab.active {
		background-color: #b3070a;
		color: #fff;
}
.content {
		display: none; /*必須*/
}
	.flowbox{
		
	}
.content-container {
/*		background: #3a75bb;*/
     position: static; 
     height: inherit; 
     width: inherit;
	    border:inherit;
}
.content img {
		text-align: center;
		display: block;
		margin: auto;
		border-radius: 10px;
}
.content.show {
		display: flex;
/*		background-color: #3a75bb;*/
	background-color:#454545;
	border: 15px solid #b3070a;
		padding: 80px;
		flex-flow: row wrap;
}
.content.show h3 {
		flex-basis: 100%;
		max-width: 100%;
		font-size: 36px;
		color: #fff;
		font-weight: bold;
}
.flowPic {
        flex-basis: 30vw;
        max-width: 400px;
        display: grid;
        align-items: center;
}
#flow .text {
		display: block;
		margin: auto;
		color: #fff;
		padding: 40px;
		flex: 1;
}
#flow ul {
		display: block;
		margin: auto;
		color: #fff;
		padding: 0 40px;
}
#flow ul li {
		list-style-type: disc;
}
/*------------------------------------------------------ 施工事例  */



#case{
	background: #eaeaea;

}
#case .caseWrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin-top: 40px;
	margin-bottom: 40px;
}


#case h3 {
		text-align: center;
		font-weight: bold;
		font-size: 24px;
		flex-basis: 100%;
}
	
	#case .boxText h3  {
		font-size:18px;
	}  
	
	
#case .box {
	flex-basis: 33%;
	text-align: left;
	background: #fff;
	display: flex;
	flex-flow: column nowrap;
}
#case .boxText{
	padding: 20px;
}


.boxText h3 {
		font-size: 18px;
		height: 4rem;
		text-align: left;
}

.boxButton {
	text-align: center;
	margin: auto auto 0;
}

.boxButton a {
	display: block;
	padding: 10px;
	text-align: center;
	background: #eaeaea;
	margin: auto auto 20px;
	color: #262626!important;
}
		br.pcNone,ul.pcNone {
				display: none;
		}
	span.spNone, br.spNone {
			display: initial;
		}
		.btnWrap {
			/*	width: 80%;*/
		}
		.layoutText {
				position: absolute;
				bottom: 0;
				padding: 20px 20px 40px;
		}
		.conteWrapp .layoutWrap h3 {
				text-align: center;
				font-size: 2.5rem;
				color: #ff8906;
				font-weight: bold;
				width: 90%;
				margin: auto;
				border-bottom: 5px solid #ff8906;
				padding: 20px 0;
		}
		.trouble .inner {
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
		}
#resolve ul {
	display: flex;
	justify-content: space-evenly;
	margin: 100px auto 0;
}
	
			#resolve ul li {
			margin: 1rem auto;
		}

	
		#resolve .showroom_wrapper ul li {
   width: calc(100% / 3 - 1rem);
			margin: 1rem auto;
		}

.showroom_wrapper {
	margin: 10px auto 0;
	padding-top: 100px;
	margin-top: 200px;
	padding-bottom: 100px;
}
	.showroom_wrapper .inner {
	background: #0000007d;
	padding: 20px;
}
	.showroomtitle{
		font-weight: bold;
		text-align: center;
		font-size: 36px;
	}
.textthere {
	text-align: center;
	padding: 20px 10px;
	font-size: 36px;
	margin-top: -200px;
	margin-bottom: 100px;
	background: #b3070a;
	font-weight: bold;
	color: #fff
}
	
.showroom_wrapper .shopInfor {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	
}
.showroom_wrapper .outside {
	flex-basis: 100%;
	margin-bottom: 10px;
	text-align: center;
}
.showroom_wrapper .shoptable {
	flex-basis: 50%;
	max-width: 50%
}
.showroom_wrapper .shoptable table{
	margin-bottom: 0; 
		width: 100%;
}
	.showroom_wrapper .shoptable table th{
	background: #b3070a;
		font-weight: bold;
		color: #fff;
	}
		.showroom_wrapper .shoptable table td{
	background: #fff;

	}
.showroom_wrapper .shoptable .telnum {
	font-size: 24px;
 color: #262626;
	text-align: left;
}
.showroom_wrapper .gMap{
		flex-basis: 48%;
		max-width: 48%;
}
	
		/*---------------------------------------- 目的別  */
		#purpose ul {
				display: flex;
				justify-content: space-evenly;
				flex-wrap: wrap;
				flex-direction: row;
		}
		#purpose li {
				width: 47%;
				margin: 2rem auto;
			padding: 3rem 1rem;
		}
		/*---------------------------------------- 柔軟対応  */
		.cautionWrap .cauton_list li {
				font-size: 18px;
				flex-basis: 24%;
				max-width: 24%;
		}
		/*----------------------------------------会社概要  */
		.shopWrapp {
				padding: 80px;
		}
		.shopWrapp h2 {
				font-size: 3.0rem;
		}
		.shopWrapp h3 {
				text-align: center;
				font-size: 2rem;
				border-bottom: 1px solid #262626;
				margin: auto;
				max-width: 1000px;
				padding: 0;
		}
		.shopWrapp .inner {
				margin: 40px auto;
				display: flex;
				flex-flow: row wrap;
				justify-content: space-between;
				max-width: 1000px;
				padding: 0;
				background-color: #ffffff;
		}
		.shopInfo,.gaiyouBox {
				margin: 20px auto;
			 width: 80%;
		}
		.shopWrapp p {
				width: 90%;
				margin: auto;
				padding: 20px;
		}
	#shopOffice table {
				width: 100%;
				border: 1px #ddd solid;
				border-collapse: collapse;
				border-spacing: 1px;
				text-align: center;
				font-size: 14px;
		}
		 #shopOffice table th {
				background: #919598;
				color: #fff;
				border: #ddd solid 1px;
				padding: 20px;
				display: table-cell;
				 width: 8rem;
		}

		 #shopOffice table td {
				display: table-cell;
				padding: 20px;
				background: #ffffff;
				border: #ddd solid 1px;
			 margin: 0 0 10px;
		}
	
/*	#shopOffice ul{
        display: flex;
        justify-content: center;
	}*/
	#shopOffice ul li:nth-child(2){
    display: flex;
    align-content: center;
    align-items: center;
			 border: 1px solid #e8e8e8;
	}
	.shopMap{
		width: 100%;
		height: 26rem;
		border: none;
	}

	
		.areaWrap {
				padding: 180px 0;
		}
		.areaWrap h2 {
				font-weight: bold;
				border-bottom: 1px solid #ffffff;
				margin: 0 0 30px;
		}
		.areaWrap h2 span {
				font-size: 16px;
		}
		.areaWrap h3 {
				font-weight: bold;
		}
}