@charset "utf-8";
/*----------------------------------------------------------------------------------------------------------
	スマホ用（～768px）
------------------------------------------------------------------------------------------------------------*/
* {
	margin:0;
	padding:0;
}
html,body { height:100%;}
body {
	margin:0;
	font-size:100%;
	line-height:175%;
	color:#262626;
	font-size:100%;
	background:fff;
	-webkit-text-size-adjust: 100%;
	font-family:"ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", verdana, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}

a			{color:#4D8BC4;	text-decoration:none;}
a:hover		{color:#75A4D1;	text-decoration: underline;}
ol,ul,li	{list-style:none;	margin:0;	padding:0;}
img			{border:0;	width: 100%;	height: auto;	vertical-align:bottom;}
p			{margin: 0 0 1em 0;}
strong		{font-weight:bold;}
small		{font-size:0.88em;}
hr			{height: 0;	margin: 0;	padding: 0;	border: 0;	border-top:1px dotted #808080;	margin:2em 0;	clear:both;}
table		{border:0;	border-collapse:collapse;}
h2			{margin:0 0 1em 0;	font-size: 1.15em;}
h3			{margin:0 0 1em 0;	font-size: 1.10em;}

/* clearfix */
.clearfix 		{zoom:1;/*for IE 5.5-7*/}
.clearfix:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.clear 			{clear:both; margin:0;}

a.link_arrow01	{background:url(../image/common/icn_arrow01.png) no-repeat 100% 50%;	background-size:12px;	padding-right:17px;	color:#262626;}
a.link_external01{background:url(../image/common/icn_external01.png) no-repeat 100% 50%;	background-size:11px;	padding-right:18px;}
a.link_external02{background:url(../image/common/icn_external01.png) no-repeat 100% 50%;	background-size:11px;	padding-right:18px;	color:#262626;}
a.link_pdf		{background:url(../image/common/icn_pdf01.png) no-repeat 100% 50%;			background-size:16px;	padding-right:24px;}
a.link_btn01	{width:220px;	display:block;	text-align:center;	padding:1px 0;	margin:5px 0;	color:#fff;	background:#666666;
				border-radius:5px;	box-shadow:0px 2px 0px #262626;	text-shadow:none;	text-decoration:none;}
a.link_btn01:hover{background:#808080;}
a.link_red01	{color:#FF0004;}

br.br_spClear{display:none;}
.sp_none	{display:none;}
.center		{text-align: center;}
.right		{text-align: right;}
.left		{text-align: left;}
.txt_red01	{color:#FF0004;}
.txt_line01	{background:url(../image/common/bg_line01.png) repeat-x 0% 100%;	padding:0 3px;}

img.img_center01	{width: auto;	display: block;	margin: 0 auto;}
img.img_right01		{width: auto;	display: block;	margin: 0 auto 1.5em auto;}
img.img_left01		{width: auto;	display: block;	margin: 0 auto 1.5em auto;}

table		{margin-bottom:2em;	width:100%;	line-height:150%;}
table th	{padding: 5px 5px 5px 0;	vertical-align: top;	font-weight:normal;	text-align:left;}
table td	{padding: 5px 0 5px 0;	vertical-align: top;}
table th.center,
table td.center	{text-align:center;}
table th.right,
table td.right	{text-align:right;}
table caption	{text-align:left;	font-weight:bold;	margin:0 0 0.5em 0;}

/*ヘッダー（スマホ）
*************************************************/
header	{
	width:100%;
	height:120px;
	background:url(../image/common/bg_shadow01.png) repeat-x top left;
}
header a		{color:#fff;	text-decoration:none;}
header a:hover	{color:#fff;	text-decoration:none;}

header.header_project01	{background:none;}
header.header_project02	{background:none;}

.h1_logo01{
	position:absolute;
	display: block;
	top:15px;
	left:12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
	font-size:1.19em;
}
@media screen and (max-width:480px){
.h1_logo01{width:280px;}
}
.h1_logo01 a span.en{
	display:inline;
	color:#fff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.h1_logo01 a span.jp{
	display:none;
}
nav#nav_global_pc{display:none;}

/*コンテンツ（スマホ）
*************************************************/
article				{font-size:0.79em;	line-height:175%;}
.contents{}
section	{}
section.section_01	{background: rgba(255,255,255,0.90);}
section .innar		{padding:0.5em 1rem 2em 1rem;}
section .innar:after{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
.window_big			{height:350px;}

/*h2,h3…*/
h2.h2_com01{
	padding: 0.2em 1rem;
	background:rgba(0,0,0,0.40);
	font-weight:normal;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
h3.h3_com02:before,
h3.h3_com03:before,
h3.h3_com04:before{
	content: "■";
	padding-right:3px;
}
h3.h3_com03	{border-bottom: 1px dotted #808080;}
h3.h3_com04	{border-bottom: 1px dotted #808080;	font-weight:normal;}

/*table*/
table.table_com01	{max-width:950px;}
table.table_com01 tr{border-bottom:1px dotted #808080;}
table.table_com01 th{min-width:2.5em;}
table.table_com02	{border-top:1px dotted #808080;}
table.table_com02 tr{border-bottom:1px dotted #808080;}
table.table_com02 th{display:block;		padding: 7px 5px 0 5px;	font-weight:bold;}
table.table_com02 td{display:block;		padding: 3px 5px 7px 5px;}
table th.wide5em	{width: 5em;}

/*ulリスト*/
ul.ul_com01,ul.ul_com02,ul.ul_attn01{margin-bottom:1.5em;	line-height: 150%;}
table ul.ul_com01,table ul.ul_com02,table ul.ul_attn01{margin-bottom:0;}
ul.ul_com01 li{
	margin-bottom: 0.5em;
	position: relative;
	padding-left: 1em;
}
ul.ul_com01 li:before{
	position: absolute;
	content: "・";
	left: -1px;
}
ul.ul_attn01 li{
	margin-bottom: 0.5em;
	position: relative;
	padding-left: 1.25em;
}
ul.ul_attn01 li:before{
	position: absolute;
	content: "※";
	left: 0px;
}
ul.ul_com02 li{
	margin-bottom: 0.5em;
	position: relative;
	padding-left: 1.25em;
}
ul.ul_com02 li:before{
	position: absolute;
	content: " ";
	height: 11px;
	width: 11px;
	display: block;
	float: left;
	border-radius: 50%;
	margin:3px 0 0 -1.25em;
	background-color:#333333;
}
ul.ul_com02 li ul	{margin-top:0.25em;}
ul.ul_com02 li ul li{padding-left: 1.25em;}
ul.ul_com02 li ul li:before{
	background:#333;
	height: 6px;
	width: 6px;
	border-radius:0;
	margin:6px 0 0 -1em;
}
/*olリスト*/
ol.ol_com01,
ol.ol_com02{margin-bottom:1.5em;	line-height: 150%;}
table ol.ol_com01,
table ol.ol_com02{margin-bottom:0;}

ol.ol_com01		{margin-left: 1.5em;}
ol.ol_com01 li	{
	list-style:decimal;
	margin:0 0 0.5em 0;
	padding-left: 4px;
}
ol.ol_com02{
  counter-reset: my-counter;
}
ol.ol_com02 li{
  margin-bottom: 0.5em;
  padding-left: 26px;
  position: relative;
}
ol.ol_com02 li:before{
  content: counter(my-counter);
  counter-increment: my-counter;
  display: block;
  float: left;
  line-height: 18px;
  height: 18px;
  width: 18px;
	margin:0px 0 0 -26px;
  text-align: center;
  border-radius: 50%;
	background-color: rgba(0,0,0,0.15);
}
/*フッター（スマホ）
*************************************************/
footer{
	clear:both;
	font-size:0.75em;
	padding:0 1em;
	box-sizing: border-box;
	color: #fff;
	text-align:center;
	margin-bottom: 80px;
}
footer a {color: #fff;}
footer a:hover {color: #fff;}
footer:after {content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}

nav#nav_footer01 ul li{
	display:inline;
	padding:0 0.5em 0 0;
}
/*! ページトップ */
.btn_pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
}
.btn_pagetop a {
    display: block;
    text-align: center;
    background: rgba(128,128,128,0.5) url(../image/common/icn_arrow02.png) no-repeat 50% 48%;
	background-size: 16px;
	width:40px;
	height:40px;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
.btn_pagetop a:hover {
    background: rgba(128,128,128,0.7) url(../image/common/icn_arrow02.png) no-repeat 50% 48%;
	background-size: 16px;
}
/*HOME（スマホ）
*************************************************/
#maximage_pc{display:none;}
#area_concept{
	position: absolute;
	top: 46%;
	left: 0;
	right: 0;
	margin: auto;
	width: 60%;
}
@media screen and (min-width:480px){#area_concept{width:280px;}}
.ticker {
	position: absolute;
	left: 0px;
	bottom: 0.6em;
	padding:0 1em;
	width: 100%;
	text-align: left;
	overflow: hidden;
	color:#ffffff;
	box-sizing: border-box;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
.ticker ul {
	width: 100%;
	position: relative;
}
.ticker ul li {
	display: none;
	width: 100%;
	font-size: 0.88em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.ticker ul li a{color:#ffffff;}

/*news／お知らせ（スマホ）
*************************************************/
small.news_data{
	display:block;
	text-align:right;
	font-size: 0.65em;
}
/*Aboutus／会社について（スマホ）
*************************************************/
.box_profile01{
	margin:0 auto 1em auto;
	text-align:center;
}
.box_profile01 img	{max-width:120px;	margin-bottom: 10px;}
.box_profile01 .name{display:block;}
.box_profile01 .name small{font-family: 'Open Sans', sans-serif;	font-weight: 400;}

table.table_aboutus01		{line-height:175%;}
table.table_aboutus01 th	{padding: 0px 5px 0px 0;	min-width:5em;}
table.table_aboutus01 td	{padding: 0 0 0 0;}
table.table_aboutus02		{line-height:175%;}
table.table_aboutus02 th	{padding: 0px 5px 0px 0;	width:5em;}
table.table_aboutus02 td	{padding: 0 0 0 0;}
table.table_aboutus03		{line-height:175%;}
table.table_aboutus03 th	{padding: 0px 5px 10px 0;	width:1.5em;}
table.table_aboutus03 td	{padding: 0 0 10px 0;}

/*Project／設計事例（スマホ）
*************************************************/
body.body_project01		{background: #404040;	color: #fff;}
#nav_lower_sp{
	margin: 0 1.5em 1.25em 1.5em;
}
#nav_lower_sp ul li{
	display:inline-block;
	margin:0 0.25em 5px 0.25em;
}
#nav_lower_sp ul li a{
	display:block;
	padding:0 6px;
	background: #ffff;
	color:#1B1B1B;
}
#nav_lower_sp ul li a:hover,
#nav_lower_sp ul li a.here{
	background: #1B1B1B;
	color: #fff;
	text-decoration:none;
}
.project_album01 a 		{color:#fff;}
.project_album01 a:hover{color:#fff;	text-decoration:underline;}
.project_album01{
	width:100%;
	padding:0 2em;
	margin-bottom: 4em;
	box-sizing:border-box;
}
.project_album01 ul li{
	width:47%;
	margin:0 6% 2em 0;
	float:left;
}
.project_album01 ul li:nth-child(2n){margin:0 0 1.5em 0;}
@media screen and (max-width:500px){.project_album01 ul li{width:100%}}
.project_album01 .caption{
	height: 2em;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.project_album01 .picture{
	background: #D9D9D9;
	border: 4px solid #D9D9D9;
	margin-bottom: 0.25em;
}
/*個別ページ（スマホ）*******/
article.article_project02{padding-bottom: 80px;}
article.article_project02 section{background:none;}
article.article_project02 h2.h2_com01{
	background:none;
	font-size:1.13em;
}
.table_project01	{margin-top:1.5em;}
.table_project01 th	{padding:2px 1em 2px 2px;}
.table_project01 td	{padding:2px 0;}
.table_project01 th strong{
	display: inline-block;
	padding: 0px 5px;
	background: #fff;
	color: #1a1a1a;
}
.table_project01 th.bottom{padding-bottom:1.50em;}
.owl-demo .item{
	display: block;
	width: 100%;
	height: auto;
}
.owl-demo .item.tate	{width:44.4%;	margin:0 auto;}
.owl-demo .item.tate2	{width:50.7%;	margin:0 auto;}
.owl-demo .item.yoko2	{width:90%;	margin:0 auto;}
.owl-demo .item.square	{width:68%;	margin:0 auto;}

/*workflow／業務内容（スマホ）
*************************************************/
img.img_workflow01{
	max-width: 680px;
	display: block;
	margin: 0 auto 1em auto;
}
.fff{
	background: rgba(255,255,255,0.90);
}
.fff .innar{
	padding:1em 1rem 2em 1rem;
}
table.table_financial01			{max-width:400px;	margin:0 auto;}
table.table_financial01 caption	{margin-bottom:0.25em;}
table.table_financial01 td		{border-top: 1px dotted #808080; padding: 1px 5px 1px 3px; height:1em; overflow:hidden;}
table.table_financial01 th		{border-top: 1px dotted #808080; padding: 2px 5px 2px 3px;	background:rgba(0,0,0,0.10);}
table.table_financial01 td.total{border-top: 3px double #808080;}
table.table_financial01 th.top	{border:none;	background:none;}

/*Contact／お問い合わせ（スマホ）
*************************************************/
.img_map01{
	max-width:840px;
	margin:0 auto;
}
.googlemap{margin:1em 0;}
.googlemap iframe{
	width:100%;
	height:360px;
	border: 2px solid #fff;
}
ul.ul_contact01		{padding-top:0.75em;}
ul.ul_contact01 li	{
	padding:0 1em;
	margin:0 auto 1em auto;
	max-width:500px;
}
ul.ul_contact01 li a{
	display:block;
	width:100%;
	background:#595959;
	box-shadow:0px 2px #333333;
	color:#fff;
	text-align:center;
	padding:6px 0;
	border-radius:5px;	
	text-shadow:none;
	text-decoration:none;
}
ul.ul_contact01 li a:hover{background:#808080;}

table.table_form01 th{display:block;	padding:0 0.25em;	border-radius:5px;	background: rgba(0,0,0,0.15);}
table.table_form01 td{display:block;	padding:0.5em 0.25em;	margin-bottom: 1em;}
table.table_form01 th.hissu{
	background: rgba(0,0,0,0.15) url(../image/common/icn_hissu01.gif) no-repeat 97% 50%;
	background-size: 31px;
}
table.table_form01 .area_email01	{width:90%;	max-width:30em;}
table.table_form01 .area_adress01	{width:90%;	max-width:40em;}
table.table_form01 .area_note01		{width:98%;}

/*サイトマップ（スマホ）
*************************************************/
.area_sitemap01 a		{color:#262626;}
.area_sitemap01 a:hover	{color:#75A4D1;	text-decoration: none;}

ul.ul_sitemap01			{margin-bottom: 1.5em;}
ul.ul_sitemap01:after	{content:".";	display: block;	height:0px;	clear:both;	visibility:hidden;	font-size: 0.1em;	line-height:0;}
ul.ul_sitemap01 li{
	font-weight:bolder;
	float: left;
	width: 50%;
	margin-bottom: 1.5em;
}
ul.ul_sitemap01 li:nth-child(2n+1){clear:both;}
ul.ul_sitemap01 li ul	{margin:0}
ul.ul_sitemap01 li ul li{
	font-weight:normal;
	width:100%;
	margin:0;
	position: relative;
	padding-left: 1em;
	box-sizing:border-box;
}
ul.ul_sitemap01 li ul li:before{
	position: absolute;
	content: "▸";
	left: 0;
}
/*オンラインセミナー（スマホ）
*************************************************/
#area_onlineSeminar_home{
	position:  fixed;
	left: 10px;
	bottom: 50px;
	width: 87px;
	height: 87px;
}
a.btn_OS_01{
	display: inline-block;
	text-decoration: none;
	box-sizing: border-box;
	color: #FFF;
	font-size: 0.80em;/*0.88em*/
	line-height: 125%;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.30);
	border: 1px solid rgba(255,255,255,0.50);
	width: 87px;
	height: 87px;
	border-radius: 50%;
	padding: 24px 0 0 0;/*32px 0 0 0*/
	background-image: url(../image/common/icn_arrow04.png), linear-gradient(180deg, #274931 25%, #688E94 100%);
	background-repeat: no-repeat, repeat;
	background-position: 50% 90%, 0 0;
	background-size: 12px, 100%;
}
a.btn_OS_01:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}
#area_onlineSeminar_com{
	position: fixed;
	left: 0;
	bottom: 0;
	width: 87px;
	height: 50px;
}
a.btn_OS_02{
	display: inline-block;
	text-decoration: none;
	box-sizing: border-box;
	color: #FFF;
	font-size: 0.80em;
	line-height: 125%;
	text-align: center;
	text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.30);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.30);
	border: 1px solid rgba(255,255,255,0.50);
	border-radius: 60px 60px 0 0;
	width: 87px;
	height: 50px;
	padding: 12px 0 0 0;/*20px 0 0 0*/
	border-bottom: none;
	background-image: url(../image/common/icn_arrow04.png), linear-gradient(180deg, #274931 25%, #688E94 100%);
	background-repeat: no-repeat, repeat;
	background-position: 90% 85%, 0 0;
	background-size: 12px, 100%;
}
a.btn_OS_02:active {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

/*ページ下部資料請求ボタン（スマホ）
*************************************************/

#area_requestInfo_home{
	position:  fixed;
	left: 107px;
	bottom: 50px;
	width: 87px;
	height: 87px;
}

#area_requestInfo_com{
	position: fixed;
	left: 97px;
	bottom: 0;
	width: 87px;
	height: 50px;
}

/*ページ下部その他のお問い合わせボタン（スマホ）
*************************************************/

#area_contactOther_home{
	position:  fixed;
	left: 204px;
	bottom: 50px;
	width: 87px;
	height: 87px;
}

#area_contactOther_com{
	position: fixed;
	left:194px;
	bottom: 0;
	width: 87px;
	height: 50px;
}

/*-------------------------------------------------------------------------------------------------------------------------------
	タブレット用（768px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:768px){
br.br_spClear	{display:block;}
br.br_pcClear	{display:none;}
.sp_none		{display:inline;}
img.img_right01	{float:right;	margin:0 0 1.5em 1.5em;}
img.img_left01	{float:left;	margin:0 1.5em 1.5em 0;}
/*ヘッダー（タブレット）
*************************************************/
header					{height: 140px;}
header.header_project01	{/*height: 150px;*/}
.h1_logo01{
	top:15px;
	left:16px;
	font-size:1.31em;
}
.h1_logo01 a span.en{}
.h1_logo01 a span.jp{
	display:none;
	color:#fff;
	font-weight: normal;
	letter-spacing: 0.05em;
	padding-right: 6em;
	font-size: 0.88em;
}
.h1_logo01 a:hover span.en{ display:none;}
.h1_logo01 a:hover span.jp{ display:inline;}

nav#nav_global_pc{
	display:block;
	position:absolute;
	top:42px;
	left:3px;
}
ul#dropmenu {
	width:765px;
	position: relative;
	box-sizing:border-box;
}
ul#dropmenu > li {
    float: left;
    height: 30px;/*仮*/
    line-height: 30px;/*仮*/
	text-align:center;
}
ul#dropmenu > li a {
    display: block;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
ul#dropmenu > li a:hover {
	text-shadow: none;
	text-decoration:underline;
}
ul#dropmenu ul.second-level {/*2階層目*/
    visibility: hidden;
    opacity: 0;
    z-index: 10;/*1*/
}
ul#dropmenu .second-level li {}
ul#dropmenu .second-level li a{
	color: #fff;
	font-size: 0.81em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.30);
}
ul#dropmenu .second-level li:last-child a{
	margin: 0;
}
ul#dropmenu li ul.second-level {
    position: absolute;
    top: 24px;
	padding:4px 0 4px 14px;
	box-sizing:border-box;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	/*background-color: rgba(0,0,0,0.30);*//*仮*/
	text-align:left;
	line-height: 175%;
	width: 150px;
}
ul#dropmenu li:hover ul.second-level {
    top: 34px;
    visibility: visible;
    opacity: 1;
}
ul#dropmenu:before,ul.dropmenu:after {content: " ";	display: table;}
ul#dropmenu:after {clear: both;}
ul#dropmenu {*zoom: 1;}

a.showf_01{width:70px; padding:6px 0;}
a.showf_02{width:90px; padding:6px 0;}
a.showf_03{width:80px; padding:6px 0;}
a.showf_04{width:70px; padding:6px 0;}
a.showf_05{width:110px; padding:6px 0;}
a.showf_06{width:90px; padding:6px 0;}
a.showf_07{width:20px; padding:1px 5px 0 10px;}
a.showf_08{width:50px; padding:6px 0;}

a.showf_01 span.en,
a.showf_02 span.en,
a.showf_03 span.en,
a.showf_04 span.en,
a.showf_05 span.en,
a.showf_06 span.en,
a.showf_08 span.en{
	display:inline;
	font-size: 0.88em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
ul#dropmenu li.houzz{width: 20px;	margin:1px 0 0 15px;}

/*コンテンツ（タブレット）
*************************************************/
section{
	max-width:860px;
	margin:0 auto 0 auto;
}
section .innar{
	padding:0.5em 2rem 2em 2rem;
	box-sizing:border-box;
}
.window_big		{height:500px;}
.column_left	{width: 47%;	float: left;}
.column_right	{width: 47%;	float: right;}
h2.h2_com01		{padding: 0.2em 2rem;}
/*table*/
table.table_com02	{border-top:none;}
table.table_com02 th{display:table-cell;	background:none;	padding: 5px 5px;	font-weight:normal;}
table.table_com02 td{display:table-cell;	background:none;	padding: 5px 5px;}

/*HOME（タブレット）
*************************************************/
#maximage_sp {display:none;}
#maximage_pc {display:block;}
#area_concept {width:360px;}

/*news／お知らせ（タブレット）
*************************************************/
small.news_data {display:inline;	float:right;}

/*Aboutus／会社について（タブレット）
*************************************************/
.box_profile01{
	float:left;
	width:190px;
	margin:0 0 2em 0;
	text-align: left;
}
.box_profile02{
	padding:0 0 0 190px;
	margin-bottom:2em;
}
table.table_aboutus03 th	{width:5em;}

dl.dl_media01 dt{width:22%;	float:left;}
dl.dl_media01 dd{margin-left: 22%;}
dl.dl_media01 dd:after{content: '';	display: block;	clear: both;}

/*Project／設計事例（タブレット）
*************************************************/
#nav_lower_sp{display: none;}
article.article_project01{padding:0;}
section.section_project01{
	max-width:1760px;
	margin:0 auto 0 auto;
}
.project_album01{
	padding:0 3em;
}
.project_album01 ul li{
	width:30%;
	margin:0 5% 2em 0;
}
.project_album01 ul li:nth-child(2n){margin:0 5% 2em 0;}
.project_album01 ul li:nth-child(3n){margin:0 0 2em 0;}
.slider{
	max-width:860px;
	margin:0 auto 0 auto;
}
.table_project01 th{width: 10em;}

/*workflow／業務内容（タブレット）
*************************************************/
.fff{
	max-width:860px;
	margin:0 auto 0 auto;
}
table.table_financial01 td	{padding: 1px 5px 1px 15px;}

/*Contact／お問い合わせ（タブレット）
*************************************************/
table.table_form01 th{
	display:table-cell;
	text-align:right;
	padding:10px 44px 10px 15px;
	border-radius:0;
	border-bottom: 1px dotted rgba(255,255,255,1.00);
	max-width: 80px;
}
table.table_form01 th.hissu{
	background: rgba(0,0,0,0.15) url(../image/common/icn_hissu01.gif) no-repeat 96% 12px;
	background-size: 31px;
}
table.table_form01 td{display:table-cell; padding:10px 15px; margin:0;}

/*Contact／サイトマップ（タブレット）
*************************************************/
ul.ul_sitemap01 li{width: 33.3%;}
ul.ul_sitemap01 li:nth-child(2n+1){clear:none;}
ul.ul_sitemap01 li:nth-child(3n+1){clear: both;}

/*オンラインセミナー（タブレット）
*************************************************/
#area_onlineSeminar_home{}
#area_onlineSeminar_com{
	left: 10px;
	bottom: 10px;
	width: 87px;
	height: 87px;
}
a.btn_OS_01,
a.btn_OS_02{
	border: 1px solid rgba(255,255,255,0.50);
	width: 87px;
	height: 87px;
	border-radius: 50%;
	padding: 24px 0 0 0;/*32px 0 0 0*/
	background-image: url(../image/common/icn_arrow04.png), linear-gradient(180deg, #274931 25%, #688E94 100%);
	background-repeat: no-repeat, repeat;
	background-position: 50% 90%, 0 0;
	background-size: 12px, 100%;
}
a.btn_OS_01:active,
a.btn_OS_02:active{
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}

/*ページ下部資料請求ボタン（タブレット）
*************************************************/

#area_requestInfo_com{
	left: 107px;
	bottom: 10px;
	width: 87px;
	height: 87px;
}

/*ページ下部その他のお問い合わせボタン（タブレット）
*************************************************/

#area_contactOther_com{
	left: 204px;
	bottom: 10px;
	width: 187px;
	height: 87px;
}

/********/
}






/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1300px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1300px){
a	{color: #8FC7FD;	text-decoration:none;}
a.link_arrow01		{background:url(../image/common/icn_arrow04.png) no-repeat 100% 50%;	background-size:12px;	padding-right:17px;	color:#fff;}
a.link_external01	{background:url(../image/common/icn_external02.png) no-repeat 100% 50%;	background-size:11px;	padding-right:18px;}
a.link_external02	{background:url(../image/common/icn_external02.png) no-repeat 100% 50%;	background-size:11px;	padding-right:18px;	color:#fff;}
a.link_btn01		{background:#fff;	box-shadow:0px 2px 0px #999999;	color:#262626;}
a.link_btn01:hover	{background:#d9d9d9;}
a.link_red01		{color:#FF7878;}
.txt_red01			{color:#FF7878;}

/*ヘッダー（PC）
*************************************************/
header{
	width:60%;
	position: fixed;
	left: 0;
	top: 0;
	z-index:100;
}
header.header_home{width:100%;}
header.header_project01{
	width:100%;
	/*height:140px;*/
	position:static;
}
/*コンテンツ（PC）
*************************************************/
article{
	width:40%;
	position: fixed;
	right: 0;
	top: 0;
	height: 100%;
	min-height:100%;
	overflow: auto;
	background: rgba(0,0,0,0.40);
	padding-top:36px;
	box-sizing:border-box;
}
section	{max-width:100%;}
section.section_01	{
	background: none;
	color: #fff;
}
ul.ul_com02 li:before,
ul.ul_com02 li ul li:before{background:#fff;}
.window_big	{height:0px;}
/*フッター（PC）
*************************************************/
footer{
	position: fixed;
	width:60%;
	left: 0;
	bottom: 1em;
	margin-bottom: 0;
}
footer.footer_project{
	position:static;
	width: 100%;
}
/*Aboutus／事務所について（PC）
*************************************************/
dl.dl_media01 dt{width:27%;}
dl.dl_media01 dd{margin-left: 27%;}

/*Contact／お問い合わせ（PC）
*************************************************/
ul.ul_contact01 li a{
	background:#fff;
	box-shadow:0px 2px #666;
	color:#262626;
}
ul.ul_contact01 li a:hover{
	background:#d9d9d9
}
table.table_form01 th{
	background:none;
	border-bottom:none;
	border-right: 1px dotted rgba(255,255,255,0.35);
}
table.table_form01 th.hissu{
	background: url(../image/common/icn_hissu01.gif) no-repeat 96% 12px;
	background-size: 31px;
}
/*サイトマップ（PC）
*************************************************/
.area_sitemap01 a		{color:#fff;}
.area_sitemap01 a:hover	{color:#75A4D1;	text-decoration: none;}

/*Project／設計事例（PC）
*************************************************/
article.article_project01{
	width:100%;
	position:static;
	background:none;
	height:auto;
	min-height:inherit;
}
.project_album01 ul li{
	width:18%;
	margin:0 2.5% 2em 0;
}
.project_album01 ul li:nth-child(2n){margin:0 2.5% 2em 0;}
.project_album01 ul li:nth-child(3n){margin:0 2.5% 2em 0;}
.project_album01 ul li:nth-child(5n){margin:0 0 2em 0;}

/*個別ページ*******/
.innar.innar_project01{
	margin-right:11%;/*右空白の調節*/
}
article.article_project02 {
	background:none;
}
article.article_project02 h2.h2_com01{
	margin-top:117px;
}
.slider{
	width: 60%;
	max-width:1900px;
	position: fixed;
	left: 1rem;/*左空白の調節*/
	/*top: 160px;*/
    top: 150px;/*画像下に矢印を表示するための調整*/
}
.owl-demo{
	margin: 0 auto;
	max-width:80%;
}
/*workflow／業務内容（PC）
*************************************************/
.fff{
	width: 36%;
	position: fixed;
	left: 12%;
	top: 160px;
}
/********/
}


/*-------------------------------------------------------------------------------------------------------------------------------
	PC用（1700px～）
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 1700px){
header	{width:70%;}
article	{width:30%;}
footer	{width:70%;}
.slider	{width: 70%;}
.fff	{width: 30%; left: 20%;}
.innar.innar_project01	{margin-right:18%;/*左空白の調節*/}
header.header_home		{width: 100%;}
footer.footer_project	{width: 100%;}
}

/*------------------------------------------------------------------------
	印刷用
--------------------------------------------------------------------------*/

@media print {
/*背景*/
body.body_project01		{background: #fff;	color: #404040;}
#area_onlineSeminar_com {display: none;}
#area_requestInfo_com {display: none;}
#area_contactOther_com {display: none;}

/*ヘッダーサイトタイトル*/
.h1_logo01 a span.en{ color:#404040;}
.h1_logo01 a span.jp{ color:#404040;}

h2.h2_com01{color: #404040 ;}
/*施工実績一覧*/
.project_album01 ul li{
	width:18%;
	margin:0 2.5% 2em 0;
}
.project_album01 ul li:nth-child(2n){margin:0 2.5% 2em 0;}
.project_album01 ul li:nth-child(3n){margin:0 2.5% 2em 0;}
.project_album01 ul li:nth-child(5n){margin:0 0 2em 0;}

.project_album01 .caption{color:#404040; font-size: 0.8em;}


/*その他のページ背景写真表示*/
#maximage {display: none;}
/********/
}