/*

Editor	: C.I.
Version	: 1.0
Since	: 2019-12-25

 */
 
 .home header nav #Gnav{display: none;}
 .home header.FixHd nav #Gnav{display: block}
 .home header .logo{font-size:1.8em;margin-bottom:0;}
 .home #inIndexTtlWrap ul{margin-top:0;}
 
.tumList4.works li img{
width:auto;
display: inline-block;
}
.tumList4.awards li figure span,
.tumList4.works li figure span,
.tumList5.book li figure span,
.tumList4.blogList li figure span{margin-top:0;}
.tumList4.awards li figure img,
.tumList4.works li figure img,
.tumList5.book li figure img,
.tumList4.blogList li figure img{border:none;}

.tumList4.awards li figure span.thumImgW,
.tumList4.works li figure span.thumImgW,
.tumList5.book li figure span.thumImgW,
.tumList4.blogList li figure span.thumImgW{
overflow: hidden;
position:relative;
/*margin-bottom:5px;*/
}
/*.tumList4.awards li img,*/
.tumList5.book li img,
.tumList4.blogList li img,
.tumList4.works li img{height:100% !important;padding-bottom:0;margin-bottom:0;width:auto !important;}
.tumList4.awards li img{width:100%;/*height:96% !important;*/height:auto !important;}
.tumList5.book li figure strong{display:block;}
.tumList4.blogList li figure p{margin-top:0;}
.tumList5.book li figure span{height:250px;}
.tumList4.awards li figure span,
.tumList4.blogList li figure span.thumImgW,
.tumList4.blogList li figure span.thumImg,
.tumList4.works li figure span{height:185px;}
.tumList5.book li figure span.thumImg,
/*.tumList4.awards li figure span.thumImg,*/
.tumList4.blogList li figure span.thumImg,
.tumList4.works li figure span.thumImg{
display:block;
text-align:center;
width:600px;
position:absolute;
top:0;
left:50%;
margin-left:-300px;
/*background-color:#111;*/
}
/* .tumList5.book li figure span.thumImgW,
.tumList4.blogList li figure span.thumImgW,*/
.tumList4.awards li figure span.thumImgW{
border:solid 1px #ddd;
}

@media only screen and (max-width: 1473px){
.tumList4.awards li figure span{height:170px;}
}
@media only screen and (max-width: 1373px){
.tumList4.awards li figure span{height:160px;}
}
@media only screen and (max-width: 1273px){
.tumList4.awards li figure span{height:150px;}
}
@media only screen and (max-width: 1179px){
.tumList4.awards li figure span{height:140px;}
}
@media only screen and (max-width: 1131px){
.tumList4.awards li figure span{height:130px;}
}
@media only screen and (max-width: 1024px){
.tumList4.awards li figure span,
.tumList4.blogList li figure span.thumImgW,
.tumList4.blogList li figure span.thumImg,
.tumList4.works li figure span{height:130px;}
.tumList5.book li figure span{height:230px;}
}
@media only screen and (max-width: 933px){
.tumList4.awards li figure span{height:120px;}
}
@media only screen and (max-width: 858px){
.tumList4.awards li figure span{height:110px;}
}
@media only screen and (max-width: 800px){
.tumList4.awards li figure span,
.tumList4.blogList li figure span.thumImgW,
.tumList4.blogList li figure span.thumImg,
.tumList4.works li figure span{height:110px;}
.tumList5.book li figure span{height:180px;}
}
@media only screen and (max-width: 767px){
.tumList4.awards li figure span,
.tumList4.blogList li figure span.thumImgW,
.tumList4.blogList li figure span.thumImg,
.tumList4.works li figure span{height:120px;}
.tumList5.book li figure span{height:200px;}
}
@media only screen and (max-width: 340px){
.tumList4.awards li figure span,
.tumList4.blogList li figure span.thumImgW,
.tumList4.blogList li figure span.thumImg,
.tumList4.works li figure span{height:100px;}
}

 /* top
-------------------------------------*/
.home h3 span:before,
.home h2 span:before{
content:"-";
margin-right:5px;
}
.home h3 span:after,
.home h2 span:after{
content:"-";
margin-left:5px;
}
.home h3 span,
.home h2 span{
font-size:70%;
margin-left:1em;
}

.ttlKeyWrap{
background:url("/wp-content/uploads/2020/05/top_about_bg.jpg") 0 0 no-repeat;
padding:0 1em 4em 20em;
background-size:100% auto;
}
.inTtlKeyWrap{
padding:0 2em 2em 2em;
background-color:#fff;
opacity: 0.9; filter: alpha(opacity=90);
}
.inTtlKeyWrap p{font-size:0.9em}
.home .indexWorks h2{margin-top:0;}
@media only screen and (max-width: 1531px){
    .ttlKeyWrap{
    background-size:auto 100%;
    }
}
@media only screen and (max-width: 767px){
    .home h2{margin-top:1.5em;}
    .ttlKeyWrap{
    padding:5em 1em 1em 1em;
    background-size:140% auto;
    background-position:50% 0;
    }
    .inTtlKeyWrap{
    padding:0;
    }
    .indexAboutus{margin-top:5em;}
}

.indexNewsWrap{margin-top:2em;}

.indexNewsWrap .indexNewsTtl{
float:left;
width:15%;
}

.indexNewsWrap .indexNewsList{
float:right;
width:83%;
}

.indexNewsWrap .indexNewsList{
border-left:solid 1px #707070;
}
.indexNewsWrap .indexNewsTtl h3{margin-top:0;}
.indexNewsWrap .indexNewsList .newsLists{margin-top:0;margin-left:1em;}
.indexNewsWrap .indexNewsList .newsLists li{border-bottom:none;padding:5px 0;}
.indexNewsWrap .indexNewsList .newsLists {border:none;}
.indexNewsWrap:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 767px){
    .indexNewsWrap .indexNewsTtl,
    .indexNewsWrap .indexNewsList{
    float:none;
    width:auto;
    }
    .indexNewsWrap .indexNewsList{border-left:none;}
    .indexNewsWrap .indexNewsList .newsLists{margin-left:0;}
    .indexNewsWrap .indexNewsList .newsLists li time{margin-left:0;}
    .indexNewsWrap{border-top:solid 1px #707070;padding-top:1em;}
    .indexNewsWrap .indexNewsTtl h3{float:left; margin-right:1em;}
    .indexNewsWrap .indexNewsTtl ul{float:left;font-size:0.8em;margin-top:5px;}
    .indexNewsWrap .indexNewsTtl{padding-bottom:1em;}
}
.indexWorks .tumList4 li:nth-child(4n+1){clear:none;}
@media only screen and (max-width: 767px){
.indexWorks .tumList4 li:nth-child(2n+1){clear:none;}
}
.indexWorks .tumList4 li{margin-left:15px;}
.indexNewsWrap .indexNewsTtl:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
 /* careers
-------------------------------------*/
.careersSet .pic{float:right;width:31%;margin-right: 2%;}
.careersSet h2,
.careersSet h3,
.careersSet ul,
.careersSet p,
.careersSet table{float:left;width:64%;}
.page-id-24 table th{width:20%}

.careersSet:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 767px){
.page-id-24 table th{width:36%}
.careersSet .pic,
.careersSet h2,
.careersSet p,
.careersSet h3,
.careersSet ul,
.careersSet table{float:none;width:auto;margin-right: 0;}
.careersSet .pic{text-align:center;}
.careersSet .pic img{width:60%;}
}

  /* access
-------------------------------------*/
 .mapWrap .columG3{margin-top:3em;}
 
 /* workflow
-------------------------------------*/
.flowWrap{position:relative;}
.flowWrap .flowTtl{
position:absolute;
top:0;
left:0;
bottom:0;
width:30%;
border:solid 1px #707070;
border-bottom:0;
text-align:center;
}
#workflowSupervision{padding-bottom:6em;border-bottom:dotted 1px #707070;margin-bottom:4em;}
.flowEnd{
background-color:#000;
width:30%;
padding:1em 2em;
text-align:center;
color:#fff;
}
.flowEnd p{margin-top:0;}

.flowWrap .flowCon{
float:right;
width:66%;
}
.flowWrap .flowTtl h3{font-size:1.8em;}

.flowWrap .flowTtl:after{
content:" ";
display:block;
width:100%;
height:100px;
background:url("/wp-content/uploads/2020/05/flow_arrow_bottom.png") 50% 0 no-repeat;
background-size: 100% auto;
margin-bottom:-80px;
position:absolute;
bottom:0;
margin-left:-1px;
margin-right:-1px;
padding-left:1px;
padding-right:2px;
}
#workflowDesign.flowWrap{margin-bottom:100px;}

#workflowSupervision .flowWrap .flowTtl{
background-color:#EAE8E8;
}
#workflowSupervision .flowWrap .flowTtl:after{
background:url("/wp-content/uploads/2020/05/flow_arrow_bottom_2.png") 50% 0 no-repeat;
background-size: 100% auto;
}
#workflowSupervision .flowWrap .flowTtl{border-bottom:none;}
#workflowSupervision .flowWrap:last-child .flowTtl{border-top:none;}
#workflowSupervision .flowWrap:first-child .flowTtl:after{
content:none;
}
@media only screen and (max-width: 767px){
    #workflowDesign.flowWrap .flowTtl:after{
    height:36px;
    margin-bottom:-25px;
    }
    #workflowDesign.flowWrap{
    padding-bottom: 30px;
    margin-bottom:40px;
    }
}
@media only screen and (max-width: 320px){
    #workflowDesign.flowWrap .flowTtl:after{
    height:20px;
    margin-bottom:-20px;
    }
}



/*#workflowSupervision .flowWrap:first-child .flowTtl:after{content:none;}
#workflowSupervision .flowWrap .flowTtl:after{
position:absolute;
content:"";
width:auto;
height:50px;
left:50%;
right:0;
bottom:0;
margin-left:-60%;
margin-bottom:-50px;
background-color:#fff;
border-right: 200px solid transparent;
border-top: 100px solid #EAE8E8;
border-top-width:50px;

border-left: 200px solid transparent;
}*/
/*.flowWrap .flowTtl:before{
content:"";
display: block;
width:100%;
height:5em;
border-right: 100px solid transparent;
border-bottom: 86.6025px solid #000;
border-left: 100px solid transparent;
background-color:#000;
}*/
.flowWrap .flowCon dl dt{float:left;width:20%;font-size: 1.6em;}
.flowWrap .flowCon dl dd{float:right;width:78%;}
.flowWrap .flowCon dl:after,
.flowWrap:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
.dot{border-bottom:dotted 1px #707070;padding-bottom:0.5em;}
#workflowDesign,
#workflowSupervision{margin-top:2em;}
#workflowSupervision{border-top:dotted 1px #707070;padding-top:1em;}
@media only screen and (max-width: 767px){
.flowWrap .flowCon dl dt,
.flowWrap .flowCon dl dd{float:none;width:auto;}
.flowWrap .flowTtl h3,
.flowWrap .flowCon dl dt{font-size:1.2em;margin-top:1em;}

}
/* staff
-------------------------------------*/
.architectWrap .pic{float:right;width:31%;margin-right: 2%;}
.architectWrap h2,
.architectWrap ul,
.architectWrap table{float:left;width:64%;}
@media only screen and (max-width: 767px){
    .architectWrap table th{width:40%;}
}

.architectWrap:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
@media only screen and (max-width: 767px){
.architectWrap .pic,
.architectWrap h2,
.architectWrap ul,
.architectWrap table{float:none;width:auto;margin-right: 0;}
}

/* business
-------------------------------------*/
.leadWrap{
border-left:solid 1px #707070;
border-right: solid 1px #707070;
padding-left:8em;
padding-right:8em;
}

.leadWrap h2{margin-top:1.5em;}

@media only screen and (max-width: 1024px){
    .leadWrap{
    padding-left:5em;
    padding-right:5em;
    }
}
@media only screen and (max-width: 767px){
    .leadWrap{
    padding-left:1em;
    padding-right:1em;
    }
}

.conceptImg{
margin-top:5em;
}
.conceptImg h2 span{
font-size:1.5em;
margin-right:0.5em;
}
.conceptImg > h2:first-child{
margin-top:1em;
}
.conceptImg figure.pic{
float:left;
width:48%;
margin-right:2%;
}
.conceptImg .txt{
float:right;
width:48%;
}
.conceptImg ul.tumList4{font-size:88%;}
.conceptImg ul.tumList4 i.badge{padding:0;margin-left:2px;}
.conceptImg ul.tumList4 i.badge:first-child{margin-left:0;}
.conceptImg .tumList4.works li figure span{
height:125px;
}
.conceptImg h3.blogTtl{clear:both;width:auto;float:none;padding-top:2em;}
.conceptImg:after{
content:'';
visibility: hidden;
display: block;
height:0;
line-height:1;
clear:both;
}
.conceptImg h3.blogTtl span:before,
.conceptImg h3.blogTtl span:after{
content:'-';
margin-left:5px;
margin-right: 5px;
}

.conceptImg:nth-child(2n) figure.pic{
float:right;
margin-left:2%;
margin-right:0;
}/*
.conceptImg:nth-child(2n) h2,
.conceptImg:nth-child(2n) p,
.conceptImg:nth-child(2n) ul.tumList4,
.conceptImg:nth-child(2n) h3{
float:left;
}*/
.conceptImg:nth-child(2n) h3.blogTtl{clear:both;width:auto;float:none;}
@media only screen and (max-width: 1751px){
    .conceptImg .tumList4.works li figure span{
    height:100px;
    }

}
@media only screen and (max-width: 1440px){
    .conceptImg .tumList4.works li figure span{
    height:90px;
    }

}
@media only screen and (max-width: 1200px){
    .conceptImg .tumList4.works li figure span{
    height:80px;
    }

}

@media only screen and (max-width: 900px){
    .conceptImg .tumList4.works li figure span{
    height:70px;
    }

}
@media only screen and (max-width: 800px){
    .conceptImg .tumList4.works li figure span{
    height:60px;
    }

}
@media only screen and (max-width: 767px){
    .conceptImg .txt,
    .conceptImg figure.pic,
    .conceptImg h2,
    .conceptImg p,
    .conceptImg ul.tumList4,
    .conceptImg h3{
    float:none;
    width:auto;
    }
    .conceptImg .tumList4.works li figure span{
    height:100px;
    }
}

/* blog
-------------------------------------*/
.tumList4.blogList li{
font-size:90%;
}
.blog img{width:auto;height:auto;}
@media only screen and (max-width: 767px){
    .blog img{width:100%;height:auto;}
}
.blog input[type="text"]{width:80%;}
.blog input[type="submit"]{font-size:90%; font-weight: normal;margin-top:5px;}

/* media
-------------------------------------*/
.tumList5.book li img{border:solid 1px #ccc;/*height:260px;width:auto;*/}
.tumList5.book li figure{text-align:center;}
.tumList5.book li figcaption{text-align:left;display: block;}
@media only screen and (max-width: 1024px){
    .tumList5.book li img{height:200px;}
}
@media only screen and (max-width: 767px){
    .tumList5.book li img{height:150px;}
}

/* careers
-------------------------------------*/
@media only screen and (max-width: 767px){
    .careersSet table th{width:40%;}
}

/* about
-------------------------------------*/
@media only screen and (max-width: 767px){
    .page-id-16 table th{width:40%;}
}

/* works
-------------------------------------*/
.worksListWrap.off{
display:none;
}
.worksDetail h2 span.badges{
display: block;
font-size:60%;
}
.worksDetail h2 span.badges span:first-child{margin-left:0;}
/*objPicMain*/
.mainPicAreaWrap{
overflow: hidden;
position:relative;
height:780px;
}
.objPicMain img{
position:relative;
height:98%;
width:auto !important;
display: none;
}
.objPicMain.beforePicM img{
opacity: 0.4; filter: alpha(opacity=40);
}
.objPicMain.beforePicM{background-color:#444}
.objPicMain{
display:block;
text-align:center;
width:2000px;
position:absolute;
top:0;
left:50%;
margin-left:-1000px;
/*background-color:#111;*/
height:100%;
}
.objPicMain img.on{
display: inline-block;
z-index: 2;
}
@media only screen and (max-width: 1440px){
	.mainPicAreaWrap {
	height:680px;
	}
}
@media only screen and (max-width: 1240px){
	.mainPicAreaWrap {
	height:540px;
	}
}
@media only screen and (max-width: 900px){
	.mainPicAreaWrap {
	height:460px;
	}
}
@media only screen and (max-width: 505px){
	.mainPicAreaWrap {
	height:270px;
	}
}
@media only screen and (max-width: 400px){
	.mainPicAreaWrap {
	height:270px;
	}
}
@media only screen and (max-width: 330px){
	.mainPicAreaWrap {
	height:210px;
	}
}
.tumList8.jsChange li a,
.tumList8.jsChange li{height:90px;}
.tumList8.jsChange li{
text-align:center;
overflow:hidden;
border:solid 1px #ccc;
margin-top:10px;
position: relative;
}
.tumList8.jsChange li a{
position: absolute;
display: block;
width:600px;
left:50%;
margin-left:-300px;
/*background-color:#ccc;*/

}
.tumList8.jsChange li img{
height:100%;
width:auto;
}
@media only screen and (max-width: 1500px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:76px;
	}
}

@media only screen and (max-width: 1400px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:72px;
	}
}

@media only screen and (max-width: 1200px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:70px;
	}
}
@media only screen and (max-width: 767px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:150px;
	}
}
@media only screen and (max-width: 700px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:120px;
	}
}
@media only screen and (max-width: 550px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:100px;
	}
}
@media only screen and (max-width: 440px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:80px;
	}
}
@media only screen and (max-width: 330px){
.tumList8.jsChange li a,
.tumList8.jsChange li{
	height:60px;
	}
}
.worksDetail table{width:100%}
@media only screen and (max-width: 768px){
	.worksDetail table{font-size:80%;}
}
@media only screen and (max-width: 767x){
	.worksDetail table{font-size:100%;}
}
.mainPicArea h3{margin-top:1em;}
@media only screen and (max-width: 767px){
    .mainPicArea h3{margin-top:0.5em;}
}
.mainPicArea ul.tumList8{margin-top:0;}

/* cate */
#cate .tumList5 li{text-align:center;}