@charset "UTF-8";


/* Styles for general */

html		{font-size: 62.5%; /* sets the base font to 10px for easier math */}
body		{-webkit-text-size-adjust: 100%;font-size: 14px;font-size: 1.4rem;color: #333333;margin: 0;padding: 0;}
body		{font-family: Helvetica,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;}
img		{border: 0px;margin: 0px;padding: 0px;}
div		{border-width: 0px;}
.clear		{clear: both;margin: 0;padding: 0;}


a:link		{color: #333333;text-decoration: underline;}
a:visited		{color: #333333;text-decoration: underline;}
a:hover		{color: #999999;text-decoration: underline;}
a:active		{color: #333333;text-decoration: underline;}
a:hover img	{opacity:0.7;filter:alpha(opacity=70);-ms-filter: “alpha( opacity=70 )”;}


h1 		{font-size: 200%;line-height: 1.0em;font-weight: normal;margin:10px 0 15px 5px;;padding-bottom: 2px;}
h2 		{font-size: 120%;line-height: 0.85em;font-weight: normal;margin:15px 0 20px 5px;padding-left: 8px;}
h2 		{border-width: 14px;border-style: none none none solid;border-color: #FFE100;}
h3 		{font-size: 115%;line-height: 1.5em;font-weight: normal;margin: 0 20px;}

.box5 h2 	{margin:15px 0 10px 5px;padding-left: 8px;}
.box6 h2 	{margin:0;}




#container 	{width: 100%;margin: 0;}



@media only screen and (min-width:781px) {
body		{font-size: 15px;font-size: 1.5rem;}
}




.t-80		{margin-top:0}
.t0		{margin-top:0}
.t20		{margin-top:15px}
.t40		{margin-top:30px}
.t200		{margin-top:100px}
.b0		{margin-bottom:0}
.b10		{margin-bottom:10px}
.b20		{margin-bottom:20px}
.b30		{margin-bottom:30px}
.b180		{margin-bottom:100px}
.b240		{margin-bottom:120px}




@media only screen and (min-width:781px) {
.t-80		{margin-top:-80px}
.t20		{margin-top:20px}
.t40		{margin-top:40px}
.t200		{margin-top:200px}
.b180		{margin-bottom:180px}
.b240		{margin-bottom:240px}
}


/* Styles for topnavi */
#pagetopbase	{display: block;width: 100%;background-color: rgba(255,255,255,0.8);}
#pagetop 	{width: 100%;max-width: 1200px;margin: 0 auto;padding-top:6px;}
#pagetop a:link		{color: #333333;text-decoration: none;}
#pagetop a:visited	{color: #333333;text-decoration: none;}
#pagetop a:hover	{color: #999999;text-decoration: none;}
#pagetop a:active	{color: #333333;text-decoration: none;}
#pagetop-left 	{text-align:left;float:left;}
#pagetop-right 	{float:right;text-align:right;vertical-align:bottom;padding:0 6px 0 0;font-size:1.3em;line-height:1.5em;}
#logoimage 	{margin-bottom: 0px;margin-left: 5px;height:45px;}
#navi 		{width: 100%;max-width: 1200px;margin: 0 auto;margin-top:6px;font-size:1.3em;line-height:1.0em;text-align:right;}
#navi a:link	{color: #333333;text-decoration: none;}
#navi a:visited	{color: #333333;text-decoration: none;}
#navi a:hover	{color: #999999;text-decoration: none;}
#navi a:active	{color: #333333;text-decoration: none;}
.homeimage 	{margin-left:18px;margin-top: 8px;height:28px;}
.navitxt	{margin-left:4px;margin-right:2px;}

@media only screen and (min-width:481px) {
#pagetop-right 	{padding:8px 8px 0 0;font-size:1.35em;line-height:1.3em;}
#logoimage 	{height:55px;}
#navi 		{font-size:1.5em;margin-top:2px;}
.homeimage 	{margin-left:18px;margin-top: 6px;height:30px;}
.navitxt	{margin-left:10px;}
}

@media only screen and (min-width:781px) {
#pagetop-right 	{padding:13px 8px 0 0;font-size:1.4em;line-height:1.2em}
#logoimage 	{height:60px;}
#navi 		{font-size:2.0em;margin-top:8px;}
.homeimage 	{margin-left:20px;margin-bottom: -1px;height:36px;}
.navitxt	{margin-left:20px;margin-right:4px;}
}



/* Styles for footer */
#homefoot	{position: fixed !important;position: absolute;bottom:0;width: 100%;}  
#footer-base	{width: 100%;background-color: rgba(0,0,0,0.7);}
#footer		{width: 100%;height: 20px;max-width: 1200px;margin: 0 auto;padding-top:6px;}
#footer-left 	{float:left;text-align:left;margin: 0 8px;color: #FFFFFF;font-size: 65%;}
#footer-right 	{float:right;text-align:right;margin: 0 8px;color: #FFFFFF;font-size: 65%;}


@media only screen and (min-width:781px) {
#footer-left	{font-size: 80%;}
#footer-right	{font-size: 80%;}
}





/* Styles for main */

#main 		{width: 100%;max-width: 1200px;margin: 0 auto;}

.box1		{padding-left:5px}
.box1 table	{margin: 10px auto;width:100%;font-size:0.9em;line-height:1.6em;text-align: left;}
.box1 table th	{display:block;background: #AAAAAA;color:#ffffff;font-weight:normal;padding-left:4px;margin-right:6px;}
.box1 table td	{display:block;padding-bottom:8px;padding-top:4px;padding-left:4px;}
.box2		{padding-left:5px}
.box2 table	{margin: 10px auto;width:100%;font-size:0.9em;line-height:1.6em;text-align: left;}
.box2 table th	{display:block;background: #AAAAAA;color:#ffffff;font-weight:normal;padding-left:4px;margin-right:6px;}
.box2 table td	{display:block;padding-bottom:8px;padding-top:4px;padding-left:4px;}
.box3		{padding-left:5px}
.box3 table	{margin: 10px auto;width:100%;font-size:0.9em;line-height:1.6em;text-align: left;}
.box3 table th	{display:block;background: #AAAAAA;color:#ffffff;font-weight:normal;padding-left:4px;margin-right:6px;}
.box3 table td	{display:block;padding-bottom:8px;padding-top:4px;padding-left:4px;}
.box4		{text-align: center;}
.box5		{padding-left:5px;}
.box6		{padding-left:5px}
.box7		{padding-left:5px}
.box7 table	{margin: 0 auto;width:100%;font-size:0.9em;line-height:1.6em;text-align: right;}


@media only screen and (min-width:781px){
.box1 table	{width:740px;margin: 30px auto;font-size:1em;line-height:1.6em;}
.box1 table th	{display:inline-block;width:8em;background: none;color:#333333;font-weight:normal;vertical-align: top;}
.box1 table td	{display:inline-block;color:#000;padding-top:0;}
.box2 table	{width:740px;margin: 20px auto;font-size:1em;line-height:1.6em;}
.box2 table th	{display:inline-block;width:10em;background: none;color:#333333;font-weight:normal;vertical-align: top;}
.box2 table td	{display:inline-block;color:#000;padding-top:0;}
.box3 table	{width:740px;margin: 20px auto;font-size:1em;line-height:1.6em;}
.box3 table th	{display:inline-block;width:10em;color:#ffffff;font-weight:normal;vertical-align: top;}
.box3 table td	{display:inline-block;color:#000;padding-top:0;}
.box7 table	{width:740px;margin: 30px auto;font-size:1em;line-height:1.6em;}
.mailf		{width:500px;}
textarea	{width:500px;}
}

@media only screen and (min-width:1001px){
.box5 table	{width:920px;}
}




/* Styles add 20260917 */

.lead1	{margin-left:10px;margin-bottom:40px;font-size:1.0em;}

@media only screen and (min-width:981px){
.lead1	{margin-left:80px;margin-right:10px;margin-bottom:50px;}
}

@media only screen and (min-width:1081px){
.lead1	{margin-left:80px;margin-bottom:50px;width:980px;}
}

.tecture_mag	{width:140px;margin-bottom:-3px;}

@media only screen and (min-width:781px){
.tecture_mag	{width:170px;}
}

@media only screen and (min-width:1081px){
.tecture_mag	{width:170px;}
}





.kari	{background:#AAAAAA;height:200px;text-align: center;}

@media only screen and (min-width:981px){
.kari	{height:300px;}
}

@media only screen and (min-width:1081px){
.kari	{height:300px;}
}






/* Styles for process */
.lead-proc	{margin-left:10px;margin-bottom:40px;font-size:0.9em;}
.lst_flow 	{padding-left: 23px;}
.lst_flow_sub 	{font-size: 85%;color: #777777;list-style-type: none;padding-left: 10px;margin-bottom: 10px;}
.img-proc-box	{position:relative;z-index:-100;display:none;}
.img-proc-s-box	{position:relative;z-index:-100;display:block;margin-top:-80px;}
.img-proc-s	{width:100%;}


@media only screen and (min-width:481px){
.img-proc-box	{display:none;}
.img-proc-s-box	{position:relative;z-index:-100;display:block;margin-top:-150px;text-align:right;}
.img-proc-s	{width:100%;max-width: 500px;}
}

@media only screen and (min-width:781px){
.lead-proc	{margin-left:80px;margin-bottom:50px;width:750px;}
.lst_flow 	{padding-left: 90px;}	
.lst_flow_sub 	{font-size: 92%;color: #777777;list-style-type: none;padding-left: 20px;margin-bottom: 20px;}
.img-proc-box	{position:relative;z-index:-100;display:block;margin-top:-300px;text-align:right;}
.img-proc-s-box	{display:none;}
.img-proc	{width:700px;}
}

@media only screen and (min-width:1001px){
.img-proc-box	{margin-top:-400px;}
}

/* Styles for about */
.compatbl	{margin: 10px auto;width:100%;font-size:0.9em;line-height:1.3em;text-align: left;}
.compatbl th	{display:block;background: none;color:#333333;font-weight:bold;padding-left:4px;}
.compatbl td	{display:block;padding-bottom:8px;padding-top:3px;padding-left:14px;}
.img-map-box	{position:relative;z-index:-100;display:none;}
.img-map-s-box	{position:relative;z-index:-100;display:block;margin-top:-20px;}
.img-map-s	{width:100%;}
.hideatbig	{display:block;}
.prof-wrap	{margin: -15px 8px 20px 16px;}
.fujii-prof	{padding:5px;}
.prof-l		{margin-bottom:8px;font-size:0.9em;line-height:1.2em;}
.prof-r		{margin-top:8px;}
.year		{display:inline-block;width:4.5em;}

@media only screen and (min-width:481px){
.img-map-box	{position:relative;z-index:-100;display:block;margin-top:-100px;text-align:right;}
.img-map-s-box	{display:none;}
.img-map	{width:100%;}
.fujii-prof	{font-size:0.9em;margin-bottom:30px}
.prof-l		{float:left;width:53%;}
.prof-r		{float:right;width:46%;}
}

@media only screen and (min-width:561px){
.compatbl	{width:550px;margin: 0 auto;font-size:0.9em;line-height:1.2em;}
.compatbl th	{display:inline-block;width:8em;background: none;color:#333333;text-align: right;font-weight:bold;vertical-align: top;}
.compatbl td	{display:inline-block;color:#000;padding-top:0;}
.prof-triger	{padding-left:100px;}
.prof-l		{float:left;width:50%;margin-left:40px;}
.prof-r		{float:right;width:40%;margin-bottom:20px;}

}

@media only screen and (min-width:661px){
.prof-triger	{padding-left:135px;}
.prof-l		{float:left;width:40%;margin-left:90px;}
.prof-r		{float:right;width:38%;margin-bottom:20px;}
}

@media only screen and (min-width:781px){
.compatbl	{width:740px;margin: 0 auto;font-size:0.9em;line-height:1.2em;}
.compatbl th	{display:inline-block;width:10em;background: none;color:#333333;text-align: right;font-weight:bold;vertical-align: top;}
.compatbl td	{display:inline-block;color:#000;padding-top:0;}
.img-map-box	{position:relative;z-index:-100;display:block;margin-top:-250px;text-align:right;}
.img-map-s-box	{display:none;}
.img-map	{width:700px;}
.hideatbig	{display:none;}
.prof-wrap	{width:600px;margin: -15px auto 20px;padding-left:135px;}
.prof-triger	{padding-left:0;}
.fujii-prof	{padding-bottom:10px}
.prof-l		{float:left;width:55%;font-size:1em;margin-left:0;}
.prof-r		{float:right;width:44%;margin-bottom:20px;}
.year		{width:4.8em;}
}

@media only screen and (min-width:1001px){
.img-map-box	{margin-top:-400px;}
.prof-wrap	{width:650px;margin: -15px auto 20px;padding-left:0px;}
.prof-l		{float:left;width:55%;}
.prof-r		{float:right;width:40%;margin-bottom:20px;}
.year		{width:5.5em;}
}



/* Styles for works */

.left		{display:block;font-weight:normal;padding-left:4px;margin-right:6px;}
.right		{display:block;padding-bottom:8px;padding-top:4px;padding-left:10px;}
.thumb 		{position:relative;display:inline-block;margin:5px 5px 0 0 ;padding:0;width:47%;}
.thumb img 	{z-index:0;margin:0;padding:0;width:100%;}
.thumb a	{color:white;}
.thumb img:hover {filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}
.cap_w,.cap_b  	{position:absolute;top:0px;left:0px;z-index:1;padding:1px 0 0 3px;margin:0;}
.cap_w 		{color:#fff;font-size: 0.8em;text-shadow:1px 1px 2px #000;}
.cap_b 		{color:#000;font-size: 0.8em;text-shadow:1px 1px 2px #fff;}
.more 		{width:100%;text-align: center;margin-right:8px;margin-top:8px;margin-bottom:8px;line-height:1em}
.yokonavi 	{width:100%;margin-top:15px}
.prev 		{float:left;width:55px;text-align:left;}
.next		{float:right;width:55px;text-align:right;margin-right:5px}
.prev img	{width:40px}
.next img	{width:40px}
.w-unit		{display:block;vertical-align: top;margin-left: 8px;}
.w-name		{display:inline-block;font-weight:normal;font-size: 1.15em;}
.w-name1	{display:inline-block;font-weight:normal;font-size: 1.2em;}
.w-name2	{display:inline-block;font-weight:normal;font-size: 1.3em;}
.locat		{display:inline-block;font-weight:normal;font-size: 0.8em;margin-left:12px;}
.desig		{display:block;font-size: 0.8em;}
.desig2		{display:block;font-size: 0.8em;}
.desig br	{display:none}
.w-photo	{display:block;margin-left: 8px;margin-right: 10px;margin-bottom: 30px;}
.w-photo img	{display:block;width:100%}
.w-photo .tate 	{width:66%;}
.photo-cap	{display:block;font-size: 0.8em;margin-bottom: 10px;}


.thumb2 		{position:relative;display:none;margin:5px 5px 0 0 ;padding:0;width:47%;}
.thumb2 img 	{z-index:0;margin:0;padding:0;width:0;}
.no-sp		{display:none}

@media only screen and (min-width:481px){
.thumb 		{position:relative;display:inline-block;margin:0 ;padding:0;width:32%;}
.thumb2 	{position:relative;display:inline-block;margin:0 ;padding:0;width:32%;}

}


@media only screen and (min-width:781px){
.thumb 		{width:16%;}
.thumb2 	{width:16%;}
.thumb2 img {width:100%;}
.no-sp		{display:inline}

.prev img	{width:46px}
.next img	{width:46px}
.w-unit		{display:inline-block;width:265px;}
.w-name		{display:block;}
.w-name2	{display:block;}
.locat		{display:block;margin-left:0;}
.desig br	{display:inline}
.w-photo	{margin-left: 275px;margin-top: -60px;margin-right: 10px;}
.w-photo img	{width:100%;max-width: 760px;}
.w-photo .tate 	{width:66%;max-width: 500px;}
.gu1		{margin-top: -124px;}
.gu2		{margin-top: -202px;}
.gu3		{margin-top: -147px;}
.gu4		{margin-top: -142px;}


.pp-30		{margin-top: -30px}
.pp-35		{margin-top: -35px}
.pp-40		{margin-top: -40px}
.pp-45		{margin-top: -45px}
.pp-50		{margin-top: -50px}
.pp-55		{margin-top: -55px}
.pp-60		{margin-top: -60px}
.pp-65		{margin-top: -65px}
.pp-70		{margin-top: -70px}
.pp-75		{margin-top: -75px}
.pp-80		{margin-top: -80px}
.pp-85		{margin-top: -85px}
.pp-90		{margin-top: -90px}
.pp-95		{margin-top: -95px}
.pp-100		{margin-top: -100px}
.pp-110		{margin-top: -110px}

}


@media only screen and (min-width:981px){
.left		{display:inline-block;width:180px;}
.right		{display: flex;margin-top: -20px;}
.wrap  		{margin-bottom: 30px;}
.wrap2  	{margin-left: 180px;}
}




/* Styles for contact recruit */
.lead-cont	{margin-left:5px;margin-bottom:30px;}
.mailf		{width:95%;height:22px;}
textarea	{width:95%;height:8em;}

@media only screen and (min-width:781px){
.lead-cont	{margin-left:40px;margin-bottom:50px;}
.mailf		{width:500px;}
textarea	{width:500px;}
}



.longbutton		{width:100%;} 

.linkbutton1		{width:100%;height:2.0em;margin:0 auto;border:none;font-weight:bold;color:#000;background-color:#FFE100;padding-top:0.8em;} 
.linkbutton1		{border-radius:5px 5px 5px 5px;}
.linkbutton1 a:link	{color: #000;text-decoration: none;}
.linkbutton1 a:visited	{color: #000;text-decoration: none;}
.linkbutton1 a:active	{color: #000;text-decoration: none;}
.linkbutton1 a:hover	{color: #000;text-decoration: none;}
.linkbutton1:hover	{opacity:0.7;filter:alpha(opacity=70);}



@media only screen and (min-width:781px){
.linkbutton1		{width:26em;} 
}