@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

.side__menuCompany .side__menuButton{ background:#f0f0f0; color:#111826; transition:0.3s; }
.side__menuCompany .side__menuButton .side__menuButton--off{ display:none; }
.side__menuCompany .side__menuButton .side__menuButton--on{ display:inline; }
.side__menuList a.side__menuListPartner{ background:#d6dbdf; color:#1b2940; }
.side__menuList a.side__menuListPartner img.side__menuListButton--off{ display:none; }
.side__menuList a.side__menuListPartner img.side__menuListButton--on{ display:inline; }

.top h1.top__title{ color:#111826; }

.contents{ width:100%; float:left; position:relative; z-index:0; padding:0 0 50px 200px; box-sizing:border-box; text-align:center; }

.contents h2{ float:left; margin:0 0 20px 5%; padding:0 0 5px 0; color:#111826; text-align:left; font-weight:bold; font-size:20px; line-height:1.2em; }
.contents1 h3{ width:auto; float:left; clear:left; text-align:left; font-weight:bold; font-size:16px; }

.contents1 .architect__clickSp{ display:none; }
.contents1 .architect__worksSp{ display:none; }

.contents1 .architect1{ width:100%; float:left; padding:50px 0; background:#d6dbdf; color:#111826; }
.contents1 .architect2{ width:100%; float:left; padding:50px 0; background:#fff; color:#111826; }
.contents1 .architect__left{ width:25%; float:left; margin:0 0 0 5%; text-align:left; }
.contents1 .architect__left img{ width:100%; float:left; }
.contents1 .architect__left strong{ float:left; margin:5px 0 50px 0; font-size:22px; line-height:1.2em; }
.contents1 .architect__left em{ float:right; margin:15px 0 50px 0; font-size:12px; line-height:1.2em; }
.contents1 .architect__click{ float:right; font-size:11px; line-heihgt:1.2; }
.contents1 .architect__right{ width:62.5%; float:right; margin:0 5% 0 0; }
.contents1 .architect__right dl{ width:100%; float:left; padding:20px 0; border-bottom:1px dotted #111826; text-align:left; font-size:12px; }
.contents1 .architect__right dl:last-child{ border-bottom:none; }
.contents1 .architect__right dl dt{ width:25%; float:left; }
.contents1 .architect__right dl dd{ width:70%; float:right; }
.contents1 .architect__right dl dd a{ color:#111826; }
.contents1 .architect__right dl dd a:hover{ text-decoration:underline; }

.contents1 ul.architect__works{ width:103%; float:left; }
.contents1 ul.architect__works li{ width:30%; float:left; margin:0 3% 10px 0; }
.contents1 ul.architect__works li a{ width:100%; float:left; }
.contents1 ul.architect__works li a:hover{ opacity:0.7; }
.contents1 ul.architect__works li img{ width:100%; float:left; }

.contents2{  }
.contents2 ul{ width:90%; float:left; margin:50px 0 100px 5%; }
.contents2 ul li{ width:380px; float:left; }
.contents2 ul li h2{ margin:0 0 20px 0; }
.contents2 ul li a{ width:340px; float:left; padding:20px 0; border:1px dotted #111826; text-align:center; }
.contents2 ul li a:hover{ opacity:0.7; }

/* fancybox */
.fancybox-tmp iframe, .fancybox-tmp object { vertical-align:top; padding:0; margin:0; }
.fancybox-wrap { position:absolute; top:0; left:0; z-index:8020; }
.fancybox-skin { position: elative; padding:0; margin:0; color:#444; text-shadow:none; }
.fancybox-opened { z-index:8030; }
.fancybox-outer, .fancybox-inner { padding:0; margin:0; position:relative; outline:none; }
.fancybox-inner { overflow:hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }
.fancybox-error { color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:10px; }
.fancybox-image, .fancybox-iframe { display:block; width:100%; height:100%; border:0; padding:0; margin:0; vertical-align:top; }
.fancybox-image { max-width: 100%; max-height: 100%; /* border: 2px solid #121212; */ }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 1.0; cursor: pointer; z-index: 8020; }
#fancybox-loading div { width: 64px; height: 64px; background: url('../img/loading.gif') center center no-repeat; }

.fancybox-close { width: 80px; height: auto; position: fixed; top: 30px; right: 30px; font-size:16px; cursor: pointer; z-index: 8040; }
.fancybox-close:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-close:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-prev { width: 75px; height: 30px; position: fixed; top: 48%; left: 20px; }
.fancybox-prev:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-prev:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-next { width: 75px; height: 30px; position: fixed; top: 48%; right: 20px; text-align: right; }
.fancybox-next:hover { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }
.fancybox-next:active { filter:alpha(opacity=60); -moz-opacity:0.60; -khtml-opacity: 0.60; opacity:0.60; }

.fancybox-nav span { top: 50%; width: 36px; height: 34px; margin-top: -18px; font-size:16px; cursor: pointer; z-index: 8040; }

.fancybox-tmp { position: absolute; 	top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; }

#fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background:rgba(255,255,255,0.7); }
#fancybox-overlay.overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-title { display: none; }






@media screen and (max-width: 740px){

.side__menuContent li a.side__menuListPartner:hover	{ background:#d6dbdf; color:#1b2940; }
.side__menuContent a.side__menuListPartner .side__menuButton--off{ display:none; }
.side__menuContent a.side__menuListPartner .side__menuButton--on{ display:inline; }

.top h1.top__title{ color:#fff; }

.contents{ padding:0 0 0 0; }

.contents h2{ float:left; margin:0 0 20px 5%; padding:0 0 5px 0; color:#111826; text-align:left; font-weight:bold; font-size:20px; line-height:1.2em; }
.contents1 h3{ width:auto; display:none; }

.contents1 .architect__clickSp{ width:97%; height:50px; float:none; display:inline-block; margin:20px auto; border:2px solid #111826; color:#111826; text-align:center; font-weight:bold; line-height:50px; }

.contents1 .architect__worksSp{ width:100%; float:left; }
.contents1 .architect__worksSp li{ width:100%; float:left; margin:0 0 5px 0; }
.contents1 .architect__worksSp li img{ width:100%; float:left; }

.contents1 .architect1{ padding:20px 0; }
.contents1 .architect2{ padding:20px 0; }
.contents1 .architect__left{ width:90%; }
.contents1 .architect__left img{ width:40%; float:left; margin:0 0 10px 0; }
.contents1 .architect__left strong{ width:50%; float:left; margin:5px 0 0 5%; }
.contents1 .architect__left em{ width:50%; float:left; margin:15px 0 0 5%; }
.contents1 .architect__click{ display:none; }
.contents1 .architect__right{ width:90%; }
.contents1 .architect__right dl{ width:100%; }
.contents1 .architect__right dl:last-child{ border-bottom:none; }
.contents1 .architect__right dl dt{ width:100%; font-weight:bold; }
.contents1 .architect__right dl dd{ width:100%; }

.contents1 ul.architect__works{ display:none; }

}