@charset "utf-8";
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					IMPORT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/


@import url(https://fonts.googleapis.com/css?family=Lato:400,700,700italic,400italic);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body{line-height:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{margin:0;padding:0;line-height:1;font-size:100%;
/*==================================================
Base Font
====================================================*/
font-family:'Lato','Noto Sans Japanese','メイリオ',Meiryo,'Osaka',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
#Logo,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}fieldset,img,abbr,acronym{border:0;margin: 0px;vertical-align: bottom;}object,embed,th,td{vertical-align: top;}address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a,ins,del{text-decoration: none;}q:before,q:after {content:'';}* html body{font-size: 65%;}*+html body{font-size: 65%;}html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}strong{font-weight: bold;}em{font-style: italic;}del{text-decoration: line-through;}a{cursor:pointer;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
FLOAT
====================================================*/
/*--------------------------------------------------- clf*/
.clf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clf { zoom: 1; } /* IE6 */
*:first-child+html .clf { zoom: 1; } /* IE7 */
.clf {overflow:hidden;}
/*--------------------------------------------------- FLOAT*/
.cmn-fL{float:left !important;}
.cmn-fR{float:right !important;}
.cmn-fC{clear:both !important;}
/*==================================================
TEXT
====================================================*/
/*--------------------------------------------------- FONT*/
.cmn-ffM{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;}
.cmn-ffG{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;}
.cmn-fwB{font-weight:bold !important;}
.cmn-fwN{font-weight:normal !important;}
/*--------------------------------------------------- ALIGN*/
.cmn-taC{ text-align:center !important;}
.cmn-taL{ text-align:left !important;}
.cmn-taR{ text-align:right !important;}
/*==================================================
BACKGROUND & BOEDER
====================================================*/
.cmn-bgN{background:none !important;}
.cmn-bdrN{border:none !important;}
/*==================================================
LAYOUT
====================================================*/
/*--------------------------------------------------- MARGIN*/
.cmn-m0{ margin:0 !important;}
.cmn-mT0{ margin-top:0 !important;}
.cmn-mT5{ margin-top:5px !important;}
.cmn-mT10{ margin-top:10px !important;}
.cmn-mT15{ margin-top:15px !important;}
.cmn-mT20{ margin-top:20px !important;}
.cmn-mT30{ margin-top:30px !important;}
.cmn-mT40{ margin-top:40px !important;}
.cmn-mT50{ margin-top:50px !important;}
.cmn-mB5{ margin-bottom:5px !important;}
.cmn-mB10{ margin-bottom:10px !important;}
.cmn-mB15{ margin-bottom:15px !important;}
.cmn-mB20{ margin-bottom:20px !important;}
.cmn-mB30{ margin-bottom:30px !important;}
.cmn-mB40{ margin-bottom:40px !important;}
.cmn-mB50{ margin-bottom:50px !important;}
/*==================================================
NO STYLE
====================================================*/
.cmn-noStyle{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	text-decoration:none !important;
	float:none !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					LAYOUT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
DEFAULT
====================================================*/
html{
	width:100%;}
body {
	width:100%;
	font-size:16px;
	color:#1a1a1a;
	overflow:hidden;}
/*==================================================
HEADER
====================================================*/
#Header{
	max-width:940px;
	height:145px;
	margin:0 auto;
	position:relative;}
#Header #Logo{
	width:220px;
	height:70px;
	margin:0 0 0 -110px;
	position:absolute;
	left:50%;
	top:20px;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#Header #HdrInfo{
	/*width:245px;*/
	width:78px;
	height:16px;
	position:absolute;
	right:0;
	top:65px;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#Header #HdrInfo li{
	width:36px;
	height:16px;
	float:left;}
#Header #HdrInfo li#HdrTel{
	width:167px;}
#Header #HdrInfo li#HdrTel .Icon{
	display:inline-block;
	width:25px;
	height:16px;
	background:url(../images/common/hdr_icon_tel.png) left top no-repeat;}
#Header #HdrInfo li#HdrFb{
	width:41px;}
/*--------------------------------------------------- HEADER NAVI*/
#HdrNavi{
	max-width:940px;
	margin:0 auto;}
#HdrNavi.Fixed{
	max-width:initial;
	max-width:auto;
	width:100%;
	height:56px;
	position:fixed;
	top:0;
	left:0;
	background:#FFF;
	z-index:50;}
#HdrNavi.Fixed ul{
	max-width:940px;
	margin:0 auto;}
#HdrNavi > ul > li{
	width:14.28%;
	height:56px;
	position:relative;
	float:left;
	text-align:center;}
#HdrNavi > ul > li > a{
	display:block;
	width:100%;
	height:56px;
	background:url(../images/common/hdr_navi_on.png) center 900px no-repeat;}
#HdrNavi > ul > li > a:hover{
	background-position:center bottom;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
#HdrNavi > ul > li > a > span{
	display:block;
	font-size:15px;
	border-left:1px solid #d8d8d8;}
#HdrNavi > ul > li:last-child > a > span{
	border-right:1px solid #d8d8d8;}
#HdrNavi > ul > li > a > span.En{
	line-height:27px;}
#HdrNavi > ul > li > a > span.Ja{
	font-size:10px;
	padding:0 0 7px;
	color:#535353;}
#HdrNavi ul.SubMenu{
	position:absolute;
	width:200%;
	padding:10px 15px 15px;
	background:#000;
	text-align:left;
	box-sizing:border-box;
	top:56px;
	left:0;
	display:none;
	z-index:10;}
#HdrNavi > ul > li:last-child ul.SubMenu{
	left:-100%;}
#HdrNavi > ul > li:hover ul.SubMenu{
	display:block;}
#HdrNavi ul.SubMenu li{
	border-bottom:1px solid #606060;}
#HdrNavi ul.SubMenu li a{
	display:block;
	color:#DCDCDC;
	font-size:14px;
	padding:5px 0;
	line-height:1.5;}
#HdrNavi ul.SubMenu li a:hover{
	color:#FFF;
	text-shadow:0 0 3px rgba(255,255,255,0.2);
	background:rgba(255,255,255,0.05);}
/*--------------------------------------------------- HEADER MENU*/
#SpHdrMenu{
	display:none;
	position:absolute;
	right:0;
	top:0;
	width:105px;
	height:105px;
	background:url(../images/common/sp_menubt.jpg) center center no-repeat;}
/*==================================================
CONTENTS
====================================================*/
#Wrap{
	clear:both;
	overflow:hidden;}
#TwoLayout{
	max-width:940px;
	margin:0 auto;
	padding:60px 0 30px;}
#MainCnt{
	float:left;
	width:700px;}
#Side{
	float:right;
	width:200px;}
/*--------------------------------------------------- PAGE TITLE*/
#PageTitle{
	width:100%;
	height:200px;
	text-align:center;
	position:relative;
	overflow:hidden;
	background: #000;
}
#PageTitleBg{
	width:100%;
	position:absolute;
	top:0;
	left:0;}
#PageTitle h1{
	width:100%;
	height:200px;
	text-align:center;
	color:#FFF;
	position:absolute;
	font-weight:bold;
	font-size:28px;
	padding:90px 0 0;}

.engineer #PageTitle h1 {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 50px;
	padding: 0;
}

#PageTitle h1 .ja{
	display:block;
	font-size:14px;
	font-weight:normal;
	padding:10px 0;}
/*--------------------------------------------------- BREAD CRUMBS*/
#BreadCrumbsWrap{
	width:100%;
	padding:20px 0;
	font-size:12px;
	border-bottom:1px solid #d8d8d8;}
#BreadCrumbs{
	max-width:940px;
	margin:0 auto;}
/*==================================================
SIDEBAR
====================================================*/


/*==================================================
FOOTER
====================================================*/
#Footer li, #Footer a, #Footer a:link, #Footer a:hover, #Footer a:visited, #Footer a:active, #Footer #CopyRight{
	color:#FFF;}
#FtrReqBt{
	margin:40px auto 50px;
	padding:5px;
	text-align:center;}
#FtrReqBt img{
	max-width:100%;}
#FtrWrap{
	background:#000;
	color:#FFF;
	padding:15px 0 40px;}
#Footer{
	max-width:890px;
	margin:0 auto;
	text-align:center;}
#pagetop{
    position:fixed;
    right:20px;
    bottom:60px;
    cursor:pointer;}
/*--------------------------------------------------- FOOTER NAVIGATION*/
#FtrNavi{
	text-align:center;
	border-bottom:1px solid #3e3e3e;}
#FtrNavi li{
	display:inline-block;
	margin:0 0 0 65px;}
#FtrNavi li:first-child,#FtrNavi li:first-child{
	margin:0;}
#FtrNavi li a{
	height:40px;
	line-height:40px;
	color:#FFF;}
/*--------------------------------------------------- FOOTER INFOMATION*/
#FtrInfo{
	text-align:center;
	border-bottom:1px solid #3e3e3e;}
#FtrInfo li{
	display:inline-block;
	margin:0 0 0 20px;}
#FtrInfo li:first-child{
	margin:0;}
#FtrInfo li a{
	display:inline-block;
	line-height:40px;
	color:#FFF;}
#FtrInfo li a img{
	vertical-align:middle;}
#FtrInfo li a#FtrTel{
	padding:0 0 0 30px;
	background:url(../images/common/ftr_icon_tel.png) left center no-repeat;}
#FtrInfo li a#FtrContact{
	padding:0 0 0 30px;
	background:url(../images/common/ftr_icon_mail.png) left center no-repeat;}
#FtrInfo li a#FtrFb{
	padding:0 0 0 23px;
	background:url(../images/common/ftr_icon_fb.png) left center no-repeat;}

/*--------------------------------------------------- FOOTER ABOUT*/
#FtrAbout{
	padding:15px 0 20px;}
#FtrAbout h2{
	margin:0 0 20px;}
#FtrAbout #FtrAdress li{
	display:inline-block;
	line-height:30px;
	margin:0 0 0 20px;}
/*--------------------------------------------------- COPY RIGHT*/
#CopyRight{
	font-size:12px;}
/*--------------------------------------------------- PAGETOP*/


/*--------------------------------------------------- COPY*/


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					MAIN STYLE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
BOX
====================================================*/
.BoxCnt{
	max-width:940px;
	margin:0 auto;}
/*--------------------------------------------------- BOX2*/
.Box2{
	margin:0 0 0 -30px;}
.Box2 .Box{
	float:left;
	width:465px;
	margin:0 0 0 30px;}
/*--------------------------------------------------- BOX3*/
.Box4{
	margin:0 0 0 -20px;}
.Box4 .Box{
	float:left;
	width:220px;
	padding:0 0 20px 20px;
	margin:0 auto;}
/*--------------------------------------------------- ATTENTION*/
span.Attention{
	font-weight:bold;}
p.Attention{
	margin:20px 0;
	font-weight:bold;
	color:#E00000;}
div.Attention{
	padding:20px;
	margin:20px 0;
	border:1px solid #E00000;
	border-radius:10px;}
/*--------------------------------------------------- PAGE TAB BOX*/
.PageTabBox{
	background:#f0efea;}
.PageTabBox ul{
	margin:0 auto;
	text-align:center;}
.PageTabBox ul li{
	display:inline-block;
	line-height:1;
	font-size:15px;
	padding:30px 0;
	margin:0 15px;}
.PageTabBox ul li a:hover{
	text-decoration:underline !important;}
.PageTabBox ul li:first-child{
	margin:0 15px 0 0;}
.PageTabBox ul li:last-child{
	margin:0 0 0 15px;}
.PageTabBox ul li.On{
	background:url(../images/common/icon_pagetab.png) center bottom no-repeat;}
.PageTabBox ul li.On a{
	text-decoration:underline;}
/*--------------------------------------------------- IMG BOX*/
.ImgBox{
	margin:0 0 60px;}
.ImgBox.Img320 .Img{
	width:320px;}
.ImgBox.Img320 .Txt{
	width:540px;}
.ImgBox.Img380 .Img{
	width:380px;}
.ImgBox.Img380 .Txt{
	width:450px;}
.ImgBox .ImgBoxLeft{
	float:left;}
.ImgBox .ImgBoxRight{
	float:right;}
/*--------------------------------------------------- GRAY IMG TITLE*/
.GrayImgTitleWrap{
	background:#282828;}
.GrayImgTitle{
	max-width:940px;
	margin:20px auto 80px;}
.GrayImgTitle .Img{
	width:375px;
	float:left;}
.GrayImgTitle .Txt{
	width:565px;
	/* float:right; */
	margin: 0 auto;
}
#Main .GrayImgTitle .Txt h3{
	color:#FFF;
	font-size:25px;
	font-weight:normal;
	line-height:175px;
	text-align:center;}
/*==================================================
BACKGROUND
====================================================*/
.BgGray{
	background:#f0efea;}
/*==================================================
IMG
====================================================*/
#Main img{
	max-width:100%;}
/*==================================================
TITLE
====================================================*/
/*--------------------------------------------------- H2*/
#Contents h2{
	margin:40px 0 20px;
	padding:0 20px 12px;
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	text-align:center;
	background:url(../images/common/cnt_ttl_bg.png) center bottom no-repeat;}
#Main h2.TitleImg{
	margin:0;
	padding:0;}
#Contents h2 .ttl_sub{
	font-size:16px;}
/*--------------------------------------------------- H3*/
#Main h3{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;}
#Main h3.TitleImg{
	margin:0;
	padding:0;}
/*==================================================
TEXT
==================================================*/
#Main p{
	line-height:1.8;}
/*--------------------------------------------------- COMMON*/
#Main p.TxtCmn{
	font-size:14px;
	margin:0 0 1em;
	text-align:justify;}
/*--------------------------------------------------- Catch*/
#Main p.Catch{
	font-size:36px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	line-height:1.5;
	padding:50px 20px 40px;}
#Main p.SubCatch{
	font-size:20px;
	text-align:center;
	line-height:1.5;
	padding:70px 20px;}
.SpBr{
	display:none;}
/*==================================================
LINK
====================================================*/
/*--------------------------------------------------- COLOR*/
a{
	color: #1a1a1a;
	text-decoration:none;
	cursor:pointer;}
a:link {
	color: #1a1a1a;}
a:visited {
	color: #1a1a1a;}
a:hover {
	color: #1a1a1a;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
a:active {
	color: #1a1a1a;
	text-decoration: none;}
/*--------------------------------------------------- IMG HOVER*/
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
/*--------------------------------------------------- COMMON*/
a.BtCmn {
	display:inline-block;
	vertical-align:middle;
	padding:3px 5px;
	font-size:14px;
	color:#FFF;
	background:#f77602;
	border-radius:5px;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);}
.CmnBt{
	margin:15px 0;
	text-align:center;}
.CmnBt a{
	min-width:110px;
	padding:15px 20px;
	display:inline-block;
	font-size:14px;
	color:#FFF;
	background:#000;}
/*--------------------------------------------------- COMMON*/
.CmnBtNext{
	margin:30px 0;
	text-align:center;}
.CmnBtNext a{
	padding:10px 50px 10px 30px;
	display:inline-block;
	font-size:14px;
	color:#FFF;
	line-height:24px;
	border-radius:3px;
	background:#161616 url(../images/common/icon_bt.png) right center no-repeat;}
/*==================================================
LIST
==================================================*/
#Main ul li{
	line-height:1.7;}
/*--------------------------------------------------- COMMON*/
#Main ul.ListCmn li{
	padding:10px 15px;
	border-bottom:1px dotted #CCC;}
/*--------------------------------------------------- ROWLIST*/
.RowListWrap{
	padding:0 0 25px;
	margin:0 0 25px;
	border-bottom:1px solid #cfcfcf;}
.RowListWrap dl{
	display:table-row;}
.RowListWrap dl dt{
	display:table-cell;
	width:220px;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	vertical-align:middle;
	text-align:center;
	font-size:24px;}
.RowListWrap dl dd{
	display:table-cell;
	padding:0 0 0 45px;
	text-align:justify;
	font-size:15px;
	line-height:1.5;}
/*==================================================
TABLE
==================================================*/
#Main table{
	width:100%;}
#Main table th, #Main table td{
	padding:20px;
	line-height:1.5;
	vertical-align:top;
	font-size:16px;
	background:#fafafa;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;}
#Main table th {
	white-space:nowrap;
	background:#f0f0f0;}
#Main table.TableCmn{
	margin:20px 0;}
#Main table.Center th, #Main table.Center td, #Main table th.Center, #Main table td.Center{
	text-align:right;}
#Main table.Right th, #Main table.Right td, #Main table th.Right, #Main table td.Right{
	text-align:right;}
#Main table td h3{
    border-bottom:1px solid #ccc;
    padding:20px 0 10px;
	margin:0 0 5px;
	font-weight:normal;
	font-size:18px;}
#Main table td h3:first-child{
    padding:0 0 10px;}
/*==================================================
FORM
====================================================*/

/*--------------------------------------------------- INPUT : TEXT, EMAIL, PASS, NUMBER, TEL, TEXTAREA*/
#Main input[type="text"],#Main input[type="email"],#Main input[type="pass"],#Main input[type="tel"],#Main textarea,#Main input[type="number"]{
	margin:3px;
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:16px;
	line-height:1.5;
	background:#f9fafa;}
/*--------------------------------------------------- INPUT : SUBMIT BUTTON RESET*/
#Main input[type="submit"],#Main input[type="reset"],#Main input[type="button"], #Main a.BtInput,
#Main #wpcf7cpcnf .wpcf7cp-btns button{
	margin:20px 10px;
	display:inline-block;
	text-align:center;
	font-size:16px;
	padding:10px 20px;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius:5px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);}
#Main input[type="submit"],#Main a.BtInput{
	background:#000;
	color:#FFF;}
#Main input[type="submit"]:hover{
	background:#007FDB;}
#Main input[type="reset"], #Main a.BtInput.Gray{
	background:#666;
	color:#FFF;}
/*--------------------------------------------------- INPUT : RADIO*/
#Main input[type="radio"]{
	margin:0 10px 0 0;
	cursor:pointer;}
/*--------------------------------------------------- SELECT OPTION*/
#Main selecet:-ms-expand {
	display: none;
}
#Main select{
	vertical-align:middle;
	border:1px solid #CCC;
	padding:3px 10px;
	font-size:16px;
	background:#f9fafa;}
#Main option{
	border-bottom:1px solid #CCC;
	padding:5px 10px;
	font-size:14px;}
/*--------------------------------------------------- LABEL*/
#Main label{
	margin:0 10px 3px 0;
	display:block;
	padding:3px 5px;
	cursor:pointer;
	white-space:nowrap;}
/*--------------------------------------------------- FOCUS*/
#Main input, #Main textarea, #Main label, #Main select{
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#Main input:focus, #Main textarea:focus, #Main label:focus, #Main select:focus{
	border:1px solid #007FDB;
	box-shdow:0 0 10px #007FDB;
	background:#FFF;
	outline:none;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					TOP

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#TopSlider{
	position:relative;
	width:100%;
	/*max-height:500px;*/
	min-height:250px;
	overflow:hidden;}
#TopSlider:before {
    content:"";
    display: block;
    padding-top: 41%; /* 高さを幅の75%に固定 */
}
#TopSlider .TopSldCnt{
	width:100%;
	height:auto;
	max-height:500px;
	position:absolute;
	top:0;
	left:0;
	display:none;}
#TopSlider .TopSldCnt img.TopSldBg{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -50%;}

/*==================================================
TOP NEWS
====================================================*/
#TopNews{
	max-width:920px;
	margin:40px auto 0;
	padding:10px;
	text-align:center;
	background:#f0efea;}
.TopNewsBox dt,.TopNewsBox dd{
	display:inline-block;
	font-size:15px;
	line-height:1.5;}
.TopNewsBox dd.Title a{
	color:#1BA227;
	border-bottom:1px solid #1BA227;}
.TopNewsBox dt:after{
	content:'：';}
.TopNewsBox dd a.Cat:after{
	content:'　';}
/*==================================================
TOP WORKS SLIDER
====================================================*/
.TopWorksSldWrap{
	padding:45px 0 10px;
	overflow:hidden;}
.TopWorksSld{
	width:100%;
	max-width:1020px;
	height:262px;
	overflow:hidden;
	margin:0 auto;
	position:relative;}
.TopWorksSldCnt{
	width:1050px;
	height:262px;
	position:absolute;}
.TopWorksSldCnt li{
	width:320px;
	height:262px;
	float:left;
	margin:0 30px 0 0;}
.TopWorksSldCnt li a{
	width:320px;
	height:262px;
	display:block;
	position:relative;}
.TopWorksSldCnt li a .Txt{
	display:table-cell;
	height:50px;
	width:320px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;}
.TopWorksSldCnt li a .Icon{
	width:40px;
	height:40px;
	position:absolute;
	top:5px;
	left:5px;
	background:url(../images/works/icon_reform.png) left top no-repeat;
	background-size:100% auto;}
.TopWorksSldNavi{
	text-align:center;
	height:50px;
	width:100%;}
.TopWorksSldNavi a{
	display:inline-block;
	width:20px;
	height:50px;
	background:url(../images/common/cnt_icon_circlenavi.png) left top no-repeat;}
.TopWorksSldNavi a:hover, .TopWorksSldNavi a.On{
	background-position:0 -50px;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
.TopWorksSldWrap a.TopWorksPrev, .TopWorksSldWrap a.TopWorksNext{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:88px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background:url(../images/common/cnt_icon_prev.png) left top no-repeat;}
.TopWorksSldWrap a.TopWorksPrev:hover, .TopWorksSldWrap a.TopWorksNext:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
.TopWorksSldWrap a.TopWorksPrev{
	left:-140px;}
.TopWorksSld:hover a.TopWorksPrev{
	left:10px;}
.TopWorksSldWrap a.TopWorksNext{
	right:-140px;
	background-image:url(../images/common/cnt_icon_next.png);}
.TopWorksSld:hover a.TopWorksNext{
	right:10px;}
/*==================================================
THUMNAIL NEWS LIST
====================================================*/
.ThumbNewsListWrap{
	padding:45px 0 10px;}
.ThumbNewsListBox{
	width:100%;
	max-width:1020px;
	margin:0 auto;}
.ThumbNewsList{
	margin:0 0 0 -30px;}
.ThumbNewsList.News{
	padding:0 0 40px;
	margin:0 0 60px -30px;
	background:url(../images/common/bdr_max760.gif) center bottom no-repeat;}
.ThumbNewsList li{
	width:320px;
	float:left;
	margin:0 0 20px 30px;}
.ThumbNewsList li a{
	width:100%;
	display:block;}
.ThumbNewsList li a span{
	display:block;}
.ThumbNewsList li a span.Img{
	width:115px;
	height:115px;
	float:left;}
.ThumbNewsList li a span.Cnt{
	width:185px;
	float:left;
	padding:15px 0 0 20px;}
.ThumbNewsList li a span.Cnt .Info{
	font-size:12px;
	line-height:1.5;
	margin:0 0 5px;}
.ThumbNewsList li a span.Cnt .Title{
	font-size:14px;
	line-height:1.5;
	margin:0 0 5px;}
.ThumbNewsList li a span.Cnt .More{
	font-size:12px;
	line-height:1.5;
	text-decoration:underline;}
.TopBnr01 img{
	max-width:100%;
	box-sizing:border-box;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					CONCEPT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#DukaiWrap{
	max-width:940px;
	margin:0 auto;
	padding:60px 0 50px;}
#Main #DukaiWrap h2{
	margin:0 0 30px;}
#Dukai{
	width:100%;
	height:470px;
	position:relative;
	overflow:hidden;}
#DukaiWrap a#DukaiPrev, #DukaiWrap a#DukaiNext{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:215px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	background:url(../images/common/cnt_icon_prev.png) left top no-repeat;}
#DukaiWrap a#DukaiPrev{
	left:80px;}
#DukaiWrap a#DukaiNext{
	right:80px;
	background-image:url(../images/common/cnt_icon_next.png);}
#DukaiWrap a#DukaiPrev:hover, #DukaiWrap a#DukaiNext:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
#DukSldCnt{
	width:1300%;
	height:470px;
	position:absolute;
	top:0;
	left:0;}
#DukSldCnt li{
	height:470px;
	float:left;
	text-align:center;}
#DukaiNaviC{
	text-align:center;
	height:50px;
	width:100%;}
#DukaiNaviC a{
	display:inline-block;
	width:20px;
	height:50px;
	background:url(../images/common/cnt_icon_circlenavi.png) left top no-repeat;}
#DukaiNaviC a:hover, #DukaiNaviC a.On{
	background-position:0 -50px;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}

#ConceptBnr{
	text-align:center;
	padding:40px 10px;}
#ConceptBnr img{
	max-width:100%;}

.EstateBnrBox{
	max-width:535px;
	padding:50px 20px 40px;
	margin:0 auto 30px;}

/*==================================================
CaseStaday
====================================================*/
.Case_tab {
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
	padding:20px 0 0;}
.Case_tab ul {
    width: 100%;
	border-bottom:1px solid #DDD;
	display:table;}
.Case_tab ul li{
	display:table-cell;
	vertical-align:middle;
	padding:0 15px;}
.Case_tab ul li a {
    background: rgb(230, 230, 230) none repeat scroll 0 0;
    display: block;
    padding: 10px;
    text-align: center;
	border-radius:4px 4px 0 0;}
.Case_tab ul li a:hover {
    background: #6d962a linear-gradient(to bottom, #6d962a 0%, #455b19 100%) repeat scroll 0 0;
    color: #fff;
    opacity: 0.6;}
.Case_tab ul li a.active {
    background: #6d962a linear-gradient(to bottom, #6d962a 0%, #455b19 100%) repeat scroll 0 0;
    color: #fff;}

.CaseTitle{
    margin: 0 auto;
    max-width: 1100px;
    width: 100%;
	padding:50px 15px;
	border-bottom:1px solid #aaafb2;
	box-sizing:border-box;}
#Contents .CaseTitle h2 {
    background:none;
    margin:0 0 20px;
    padding:0;}
#Contents .CaseTitle p {
	font-size:16px;
	line-height:1.8;
	text-align:center;
	color:#333;}
.CaseRow{
	max-width:1100px;
	margin:0 auto;
	padding:50px;
	box-sizing:border-box;
	border-bottom:1px solid #aaafb2;}
#Main .CaseRow h3{
	margin:30px 0 10px;
	padding:10px 20px;
	background:#666;
	color:#FFF;
	font-size:18px;
	font-weight:normal;
	line-height:1.5;
	border-radius:20px;}
#Main .CaseRow p.arrow{
	color:#333;
	min-height:66px;
	margin:0 0 15px;
	background:url(../images/studay/arrow.png) right top no-repeat;}
#Main .CaseRow p{
	padding:0 100px 0 20px;}
.CaseModel{
	max-width:1100px;
	margin:0 auto;
	padding:50px 0;
	box-sizing:border-box;
	border-bottom:1px solid #aaafb2;}
.CaseLikeThat{
	text-align:center;
	padding:50px 10px 80px;
	border-bottom:8px solid #000;}
#Main .CaseLikeThat p{
	margin:0 auto;
	padding:10px;
	max-width:515px;
	color:#FFF;
	font-size:19px;
	line-height:1.2;
	font-weight:normal;
	border-radius:20px;
    background: #6d962a linear-gradient(to bottom, #6d962a 0%, #455b19 100%) repeat scroll 0 0;}
.CaseLikeThatArw{
	text-align:center;
	padding:0 0 10px;}
.CaseModelBox{
	max-width:840px;
	box-sizing:border-box;
	margin:0 auto;
	padding:20px 40px;
	background:#fafafa;
	border-radius:3px;}
#Main .CaseModelBox h3{
	margin:0 auto 30px;
	padding:10px 20px;
	color:#FFF;
	font-size:19px;
	font-weight:normal;
	line-height:1.2;
	border-radius:20px;
    background: #6d962a linear-gradient(to bottom, #6d962a 0%, #455b19 100%) repeat scroll 0 0;}
#Main table.CaseTable{
	margin:0 0 10px;}
#Main table.CaseTable th,
#Main table.CaseTable td{
    white-space:normal;
    background:none;
	border:none;
    font-size: 16px;
	font-weight:200;
    line-height: 1.5;
    padding:5px 10px;
    vertical-align: top;}
#Main table.CaseTable th{
	padding:10px 0 5px;
	border-bottom:1px dotted #333;}
#Main .CaseModelBox h4{
    background: #666;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    margin: 10px 0 5px;
    padding: 5px 10px;}
#main .CaseSim p{
	font-weight:200;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					PROCESS

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#ProcessLayout{
	max-width:850px;
	padding:30px 0 50px;
	margin:0 auto 30px;}
.ProcessHead{
	padding:0 55px 55px;
	border-bottom:1px solid #cfcfcf;}
#Contents .ProcessHead h2{
	margin:40px 0;}
.ProcessBox{
	padding:50px 0;
	border-bottom:1px solid #cfcfcf;}
.ProcessBox:first-child{
	border-top:1px solid #cfcfcf;}
.ProcessBox .Img{
	width:320px;
	float:left;}
.ProcessBox .Txt{
	width:450px;
	float:right;
	padding:10px;}
#Main .ProcessBox .Txt h3{
	margin:0 0 30px;
	font-weight:normal;
	font-size:24px;
	line-height:1.2;}
/*==================================================
FAQ
====================================================*/

#FaqLayout{
	padding:20px 0 50px;}
.FaqBox{
	max-width:850px;
	padding:30px 0;
	margin:0 auto;
	border-bottom:1px solid #cfcfcf;}
.FaqBox:first-child{
	border-top:1px solid #cfcfcf;}
.FaqBox dt .IconQ, .FaqBox dd .IconA{
	width:40px;
	vertical-align:middle;
	padding:5px 10px;
	background:#161616;
	float:left;
	color:#FFF;
	border-radius:3px;
	font-size:15px;}
.FaqBox dd .IconA{
	background:#a8a8a8;}
#Main .FaqBox dt p.Txt{
	padding:0 0 0 85px;
	margin:0 0 25px;
	font-size:16px;
	line-height:1.7;}
#Main .FaqBox dd p.Txt{
	padding:0 0 0 85px;
	font-size:15px;
	line-height:1.7;}
#Main .FaqBox dd p.Txt a{
	color:#799732;}
#Main .FaqBox dd p.Txt a:hover{
	text-decoration:underline;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMPANY

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main table.TableCmn td .CompName{
	font-size: 18px;}
#Main #RecruitLayout{
	margin:0 auto 30px;
	padding:0 0 30px;
	max-width:800px;
	border-bottom:1px solid #cfcfcf;}
#Main #RecruitLayout h2{
	margin:60px 0 50px;}

.MapBox{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:0 0 40px;}

.MapBox iframe,
.MapBox object,
.MapBox embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;}
#EngineerArchive{
	width:960px;
	margin:0 auto;}
#EngineerArchive .EngArcRow{
	display:table-row;}
#EngineerArchive .EngArchiveBox{
	display:table-cell;
	width:430px;
	padding:20px 20px 50px;
	border-bottom:20px solid #FFF;
	background:#f0efea;}
#EngineerArchive .EngArchiveBox.Empty{
	display:table-cell;
	width:470px;
	padding:0;
	border-bottom:20px solid #FFF;
	background:none;}
#EngineerArchive .EngArchiveBox.Left{
	border-right:20px solid #FFF;}
.EngArchiveBox .EngArcHead{
	margin:0 0 20px;}
.EngArchiveBox .EngArcHead .Img{
	width:180px;
	float:left;}
.EngArchiveBox .EngArcHead .Txt{
	width:220px;
	float:right;}
#Main .EngArchiveBox .EngArcHead .Txt dl{
	border-bottom:1px solid #bababa;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngName dt{
	padding:10px 0;
	font-size:20px;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngName dd{
	padding:0 0 20px;
	font-size:14px;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngForm dt{
	padding:20px 0 10px;
	font-size:12px;
	color:#6f6f6f;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngForm dd{
	padding:0 0 20px;
	font-size:14px;}
#Main .EngArchiveBox .EngComment{
	clear:both;
	margin:20px 0 0;}
#Main .EngArchiveBox .EngComment.Resluts{
	margin:20px 0;}
#Main .EngArchiveBox .EngComment p.Title{
	font-size:12px;
	color:#6f6f6f;
	padding:0 0 10px;
	margin:0;}
#Main .EngArchiveBox .EngComment p, #Main .EngArchiveBox .EngComment li, #Main .EngArchiveBox .EngComment dt, #Main .EngArchiveBox .EngComment dd, #Main .EngArchiveBox .EngComment th, #Main .EngArchiveBox .EngComment td{
	font-size:14px;
	line-height:1.5;
	margin:0 0 1em;}

#Main .EngArchiveBox .EngComment p.CmnBtNext{
	text-align:left;
	margin:40px 0 0;}

#Main dl.ReInterview{
	margin:40px 0 0;}
#Main dl.ReInterview dt{
	padding:10px 20px;
	font-size:15px;
	line-height:1.5;
	background:#f0f0f0;}
#Main dl.ReInterview dd{
	padding:20px 20px 40px;
	font-size:14px;
	line-height:1.8;
	text-align:justify;}
#EnginnerSingle #InterViewHead{
	padding:50px 0;
	width:100%;}
#EnginnerSingle #InterViewHead .Img{
	width:450px;
	float:left;}
#EnginnerSingle #InterViewHead .Txt{
	float:right;
	width:450px;
	text-align:center;}
#Main #EnginnerSingle #InterViewHead h3{
	width:100%;
	font-size:30px;
	font-weight:normal;
	padding:80px 0 20px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
#Main #EnginnerSingle #InterViewHead p.Name{
	width:100%;
	font-size:20px;
	padding:10px 0;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
#EnginnerSingle .InterViewBox{
	padding:35px 37px;
	max-width:840px;
	border-bottom:1px solid #cfcfcf;
	box-sizing:border-box;
	margin:0 auto;}
#EnginnerSingle .InterViewBox.First{
	border-top:1px solid #cfcfcf;}
#Main #EnginnerSingle .InterViewBox p, #Main #EnginnerSingle .InterViewBox li, #Main #EnginnerSingle .InterViewBox th,#Main #EnginnerSingle .InterViewBox td{
	font-size:15px;}
#Main #EnginnerSingle .InterViewBox p.Img{
	text-align:center;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					POST

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#PageNavi{
	width:200px;
	margin:30px auto;
	padding:15px 0;
	border-top:1px solid #cfcfcf;
	text-align:center;}
#PageNavi span, #PageNavi a{
	display:inline-block;
	padding:5px 10px;
	border-bottom:2px solid #FFF;}
#PageNavi span.current{
	border-bottom:2px solid #1a1a1a;}

#Main #MainCnt .PostContentBox p,
#Main #MainCnt .PostContentBox li,
#Main #MainCnt .PostContentBox dt,
#Main #MainCnt .PostContentBox dd,
#Main #MainCnt .PostContentBox th,
#Main #MainCnt .PostContentBox td{
	font-size:15px;
	line-height:1.7;}
#Main #MainCnt .PostContentBox p,
#Main #MainCnt .PostContentBox ul,
#Main #MainCnt .PostContentBox ol,
#Main #MainCnt .PostContentBox dl,
#Main #MainCnt .PostContentBox table{
	margin:0 0 2em;}
#Main #MainCnt .PostContentBox img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}
#Main #MainCnt .PostContentBox img{
	max-width:100%;
	height:auto !important;}
#Main #MainCnt .PostContentBox img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;}
#Main #MainCnt .PostContentBox img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}
#Main #MainCnt .PostContentBox .alignright {
	float: right;}
#Main #MainCnt .PostContentBox .alignleft {
	float: left}
#Main #MainCnt .PostContentBox a:hover{
	text-decoration:underline;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					SIDE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
DAILY
====================================================*/
#Main #Side .SideBox{
	margin:0 0 30px;}
#Main #Side h2{
	font-size:13px;
	margin:10px 0 15px;
	padding:5px 0;
	line-height:1.5;
	text-align:left;
	background:none;
	border-bottom:1px solid #cfcfcf;}
#Main #Side .SideBox ul{
	padding:0 15px;}
#Main #Side .SideBox p, #Main #Side .SideBox li, #Main #Side .SideBox dt, #Main #Side .SideBox dd, #Main #Side .SideBox select, #Main #Side .SideBox th, #Main #Side .SideBox td{
	font-size:13px;
	line-height:1.5;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					REPORT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
DAILY
====================================================*/
.ReportArchiveBox, .ReportSingleBox{
	margin:0 0 30px;}
#Main #MainCnt .ReportArchiveBox h2, #Main #MainCnt .ReportSingleBox h3{
	font-size:18px;
	margin:0;
	padding:5px 0;
	line-height:1.5;
	text-align:left;
	background:none;
	border-bottom:1px solid #cfcfcf;
	font-weight:normal;}
#Main #MainCnt .ReportArchiveBox p.Info, #Main #MainCnt .ReportSingleBox p.Info{
	font-size:12px;
	padding:5px 0;
	line-height:1.5;}

#Main .ReportSingleHead h2{
	font-size:22px;
	font-weight:bold;
	padding:0 0 20px;
	margin:0 0 20px;
	text-align:left;
	background:none;}
#Main .ReportSingleWrap{
	margin:0 0 40px;
	padding:0 0 20px;}
#Contents #Side #SideCal table{
	width:100%;}
#Contents #Side #SideCal table th, #Contents #Side #SideCal table td{
	padding:5px 0;
	margin:0;
	font-size:12px;
	text-align:center;}
#Contents #Side #SideCal table caption{
	font-size:12px;
	line-height:1.5;
	padding:0 0 5px;
	text-align:center;}
#Contents #Side #SideCal table a{
	color:rgba(0,0,0,1);
	text-decoration:underline;}
#Contents #Side #SideCal table a:hover{
	color:rgba(0,0,0,0.5);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					CONTACT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#ContactPage{
	padding:0 0 90px;}
.ContactBox{
	padding:30px 0;
	text-align:center;}
#Main .ContactBox p{
	margin:0 0 30px;
	text-align:center;
	font-size:14px;
	line-height:1.7;}
#Main .ContactBox p.Tel{
	font-size:19px;}
#Main .ContactBox p.Tel a.TelIcon{
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	padding:0 0 0 35px;
	margin:0 0 0 5px;
	background:url(../images/contact/icon_tel.png) left center no-repeat;}
#Main p.Red, #Main span.Red{
	color:#f13319;}
#CntCfm{
	display:none;}
#Main p.ChuiTxt{
	font-size:15px;}
#Main #ContactForm table.TableCmn{
	border-top:1px solid #d8d8d8;}
#Main #ContactForm table.TableCmn th, #Main #ContactForm table.TableCmn td{
	border:none;
	border-bottom:1px solid #d8d8d8;
	background:none;
	padding:10px 0;
	font-size:15px;
	vertical-align:top;}
#Main #ContactForm table.TableCmn th{
	width:230px;}
#Main #ContactForm table.TableCmn span.Nortice{
	font-size:11px;
	color:#7c7c7c;}
.RadioRow .Item .Radio{
	display:inline-block;
	width:180px;
	overflow:hidden;
	margin:0 20px 0 0;
	vertical-align:middle;
	line-height:34px;
	height:42px;}
.RadioRow .Item{
	display:inline-block;
	vertical-align:middle;}
#Main span.wpcf7-form-control-wrap{
	position:inherit;}
#Main span.wpcf7-list-item{
	margin:0;}
.ContactIcon{
	display:inline-block;
	font-size:13px;
	padding:2px 5px;
	margin:0 0 0 10px;
	background:#e40909;
	color:#FFF;}
.ContactIcon.Any{
	background:#76a32c;}
.ContactIcon.txt{
	margin:0 10px 0 0;}
.ContactNorticeList{
	max-width:740px;
	padding:0 0 0 1em;
	margin:0 auto;}
.ContactNorticeList li{
	font-size:14px;
	line-height:1.5;}
.ContactNorticeList li:first-letter{
	margin:0 0 0 -1em;}

#Main #ContactForm textarea{
	height:24px;}

.CmnBtNext a#BtConfirm{
	background-color:#e15737;
	background-image:url(../images/common/icon_bt_red.png);}

#Main input#BtSend{
    border:none;
    box-shadow:none;
    cursor: pointer;
    margin:0;
    text-align: center;
	background:#e15737 url(../images/common/icon_bt_red.png) no-repeat scroll right center;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 50px 10px 30px;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					WORKS

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#WorksArchivePage{
	max-width:1100px;
	margin:40px auto 0;}
#WorksList{
	margin:0 0 0 -20px;}
.WorksArchiveNavi{
	text-align:center;}
.WorksArchiveNavi li{
	display:inline-block;
	padding:0 30px 2px;
	border-right:1px solid #c8c8c8;}
.WorksArchiveNavi li:first-child{
	border-left:1px solid #c8c8c8;}
.WorksArchiveNavi li a{
	display:inline-block;
	font-size:15px;
	line-height:1.2;
	padding:3px 0;
	color:#1a1a1a;
	border-bottom:1px solid #FFF;}
.WorksArchiveNavi li a:hover,
.WorksArchiveNavi li a.current{
	border-color:#c8c8c8;}
.WrkArchiveBox{
	width:260px;
	height:220px;
	float:left;
	margin:0 0 20px 20px;}
.WrkArchiveBox .WrkImg{
	width:100%;
	height:170px;}
.WrkArchiveBox .WrkImg a{
	width:260px;
	height:170px;
	position:relative;
	display:block;}
.WrkArchiveBox .WrkImg .Img{
	width:260px;
	height:170px;
	position:absolute;
	top:0;
	left:0;}
.WrkArchiveBox .WrkImg .Icon{
	width:40px;
	height:40px;
	position:absolute;
	top:5px;
	left:5px;
	background:url(../images/works/icon_reform.png) left top no-repeat;
	background-size:100% auto;}
.WrkArchiveBox p.WrksTxt{
	width:260px;
	height:50px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	color:#474747;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					VOICE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#VoiceArchivePage{
	max-width:940px;
	margin:0 auto;}
.VoiceArchiveBox{
	padding:40px 0;
	border-bottom:1px solid #CFCFCF;}
.VoiceImg{
	width:390px;
	float:left;}
.VoiceTxt{
	width:500px;
	float:right;}
#Main .VoiceTxt h3{
	font-size:23px;
	margin:0 0 10px;
	padding:10px 0;
	font-weight:normal;}
#Main .VoiceTxt p.VoicePrace{
	font-size:16px;
	margin:0 0 25px;}
#Main .VoiceTxt .VoiceContent p, #Main .VoiceBtTxt .VoiceContent li{
	font-size:15px;
	line-height:1.8;}
#Main .VoiceTxt .VoiceContent p.CmnBtNext{
	margin:40px 0 0;
	text-align:left;}
#Main .VoiceTxt .VoiceContent p.CmnBtNext .CmnBtNext{
	margin:0;}
#Main #VoiceHead h3{
	text-align:center;
	font-size:25px;
	line-height:25px 0;}
#Main #VoiceHead h3{
	text-align:center;
	font-size:25px;
	line-height:25px 0;
	margin:50px 0 10px;
	font-weight:normal;}
#Main #VoiceHead p.VoicePrace{
	font-size:16px;
	margin:0 0 10px;
	text-align:center;}
.VoiceComBox{
	margin:40px 0;}
.VoComTxt{
	max-width:840px;
	margin:25px 35px 0;
	padding:0 20px 45px;}
#Main .VoComTxt p, #Main .VoComTxt li{
	font-size:13px;
	line-height:1.5;}
.VoComImg{
	text-align:center;}
.VoComment{
	max-width:740px;
	margin:0 50px;
	padding:40px 50px 75px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;}
#Main .VoComment p, #Main .VoComment li{
	font-size:15px;
	line-height:1.8;}
#Main .VoComment h4{
	font-size:20px;
	margin:10px 0;
	line-height:1.5;}
.VoGaBox{
	max-width:390px;
	margin:0 auto 40px;}
#Main p.VoGaTxt{
	margin:20px 0 0;
	font-size:13px;
	line-height:1.5;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					ENGLISH

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.EnglishBox{
	max-width:940px;
	padding:20px 0 40px;
	margin:0 auto 20px;
	border-bottom:1px solid #CFCFCF;}
#Main dl.EnglishAffi{
	margin:0 0 20px;}
#Main dl.EnglishAffi dt{
	padding:5px;
	margin:10px 0;
	line-height:1.7;
	border-bottom:1px solid #CFCFCF;}
#Main dl.EnglishAffi dd{
	padding:5px;
	line-height:1.7;}
.EnglishHead{
	margin:40px auto 0;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					PRIVACY POLICY

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main ul.PrivacyList{
	max-width:740px;
	margin:0 auto 20px;}
#Main ul.PrivacyList li{
	margin:0 auto 20px;
	font-size:15px;
	text-align:justify;
	list-style-type:decimal;
	list-style-position:outside;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					CAFE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main .CafeMain{
	margin:0 auto 90px;}
#Main .CafeMain img{
	max-width:100%;}
#Main #CafePage h3 {
    font-size: 24px;
    font-weight: normal;
    margin:0 0 20px;
    padding:20px 0;}
#CafeInfo{
	display:table;
	width:100%;
	margin:100px 0 0;}
#CafeInfo .Img{
	width:160px;
	display:table-cell;
	vertical-align:top;}
#CafeInfo .Txt{
	padding:0 0 0 60px;
	display:table-cell;
	vertical-align:top;}
#Contents #CafeInfo h2{
    background:none;
    font-size: 31px;
    font-weight: normal;
    line-height: 1.5;
    margin:0 0 10px;
    padding:10px 0;
    text-align:left;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					ARCHITECT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main.Architect {

}
#ArchitectArchive {

}
#ArchitectArchive .header {
	padding: 10px 10px 60px;
	text-align: center;
}
#Contents #ArchitectArchive .header h2 {
	background: none;
}
#ArchitectArchive .header p {
	max-width: 36em;
	margin: 0 auto;
}

#ArchitectArchive .listarea {
	background: #000;
	color: #fff;
	padding: 90px 10px;
}

#ArchitectArchive .nopost {
	text-align: center;
}

#lst_architect {
	max-width: 940px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#lst_architect li {
	width: 49%;
	max-width: 460px;
}
#lst_architect li .item {

}
#lst_architect li .item .img {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 160px;
}
#lst_architect li .item .img .title,
#lst_architect li .item .img .portrait {
	display: table-cell;
	vertical-align: middle;
	background-size: cover;
	background-position: center, center;
	background-repeat: no-repeat;
	text-align: center;
}
#lst_architect li .item .img .title {
	position: relative;
	z-index: 1;
	padding: 10px;
}
#lst_architect li .item .img .title:after {
	content: '';
    background: rgba(0,0,0,0.25);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
	mix-blend-mode: multiply;
}
#lst_architect li .item .img .title span {
	font-size: 24px;
	position: relative;
	z-index: 3;
	line-height: 1.3;
}
#lst_architect li .item .img .portrait {
	width: 160px;
	-webkit-filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	filter: grayscale(100%);
}
#lst_architect li .item .txt {
	display: table;
	width: 100%;
	background: #333333;
}
#lst_architect li .item .txt .main,
#lst_architect li .item .txt .btnarea {
	display: table-cell;
	vertical-align: middle;
}
#lst_architect li .item .txt .main {
	padding: 16px 10px 16px 16px;
}
#lst_architect li .item .txt .main h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4;
	margin-bottom: 8px;
}
#lst_architect li .item .txt .main h3 .name,
#lst_architect li .item .txt .main h3 .office {
	display: inline-block;
}
#lst_architect li .item .txt .main h3 .name {
	letter-spacing: 0.1em;
	padding-right: 0.15em;
}
#lst_architect li .item .txt .main h3 .office {
	padding-left: 0.25em;
}
#lst_architect li .item .txt .main p {
	font-size: 14px;
	word-break: break-all;
	line-height: 1.5;
}
#lst_architect li .item .txt .btnarea {
	padding: 16px 16px 16px 10px;
}
#lst_architect li .item .txt .btnarea a {
	background: #dfab00;
	display: inline-block;
	width: 7em;
	text-align: center;
	padding: 10px 5px;
	font-size: 13px;
}
#lst_architect li .item .txt .btnarea a:before {
	content: '>';
	padding-right: 0.2em;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					ESTATE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
COMMON ESTATE
====================================================*/
#Main.Estate .ilnblk {
	display: inline-block;
}
.lst_nav_estate {
	background: #171c61;
	padding: 0 calc((100% - 940px)/2);
	display: flex;
	justify-content: center;
}
.lst_nav_estate li {

}
.lst_nav_estate li a {
	color: #fff;
	display: inline-block;
	padding: 35px;
	position: relative;
	z-index: 1;
	text-align: center;
	word-break: keep-all;
	width: 100%;
	box-sizing: border-box;
}
.lst_nav_estate li a:hover {
	color: #babbd0;
}
.lst_nav_estate li.current a:after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	z-index: 2;
	bottom: 0;
	left: 50%;
	transform: translate3d(-7px,0,0);
}
.lst_nav_estate.header li.current a:after {
	border-width: 0 7px 14px 7px;
	border-color: transparent transparent #ffffff transparent;
	bottom: 0;
}
.lst_nav_estate.footer li.current a:after {
	border-width: 14px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
	top: 0;
}
#Contents #Main.Estate h2 {
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    font-size: 35px;
    background: none;
    margin: 40px 0 30px;
    line-height: 1.6;
}
#EstateCnt {
	margin: 80px 0;
}
#Main.Estate h3.ub {
	text-align: center;
	font-size: 15px;
	position: relative;
	padding: 0 10px 15px;
	margin-bottom: 0;
	line-height: 1.4;
	font-weight: normal;
}
#Main.Estate h3.ub:after {
	background: #171c61;
	width: 50px;
	height: 4px;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate3d(-50%,0,0);
	content: '';
}
#Main.Estate h4 {
	font-size: 20px;
	text-align: center;
	padding: 0 10px 0;
	line-height: 1.4;
	font-weight: normal;
	margin-bottom: 1em;
}
#Main.Estate #EstateCnt.reasons h4,
#Main.Estate #EstateCnt.inheritance-tax-strategy h4 {
	font-size: 26px;
	line-height: 1.6;
	text-align: center;
	margin: 50px auto;
	padding: 0 10px;
}
#Main.Estate #EstateCnt.reasons h4.mt0 {
	margin-top: 0;
}
#Main.Estate .btnarea_btm {
	padding: 0 10px;
}
#Main.Estate .btnarea_btm ul {
	display: flex;
	justify-content: space-between;
	padding: 0 calc((100% - 940px)/2);
	min-height: 80px;
}
#Main.Estate .btnarea_btm ul li {
	width: 49%;
}
#Main.Estate .btnarea_btm ul li .btn_cmn {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60px;
	padding: 10px;
}
#Main.Estate .btnarea_btm ul li .btn_cmn.green {
	background: #244709;
	border: 1px solid #244709;
	color: #fff;
}
#Main.Estate .btnarea_btm ul li .btn_cmn.green:hover {
	color: #bdc8b5;
}
#Main.Estate .btnarea_btm ul li .btn_cmn.white {
	border: 1px solid #808080;
	background: #fff;
}
#Main.Estate .btnarea_btm ul li .btn_cmn.white:hover {
	border-color: #5a524f;
}
#Main.Estate .btnarea_btm ul li .btn_cmn:before {
    content: '>';
    padding-right: 0.2em;
}
#Main.Estate .btnarea_btm ul li .btn_cmn.img:before {
	content: '';
    padding-right: 0;
}
/*==================================================
フォレスタがご案内する理由 ESTATE
====================================================*/
#Main.Estate .btnarea,
#Main.Estate .est_imgline {
	margin: 40px 0 50px;
}
#Main.Estate .btnarea {
	text-align: center;
	padding: 0 10px;
}
#Main.Estate .btnarea .btn_cmn {
	background: #171c61;
	color: #fff;
	display: inline-block;
	padding: 1em 0.5em;
	min-width: 14em;
	text-align: center;
	font-size: 12px;
}
#Main.Estate .btnarea .btn_cmn:before {
	content: '>';
	padding-right: 0.2em;
}
#Main.Estate .est_imgline {
	display: flex;
	justify-content: center;
}
#Main.Estate .narrowtxt,
#Main.Estate .imgarea.owlgroup {
	margin: 50px auto;
}
#Main.Estate .narrowtxt {
	max-width: 37em;
	padding: 0 10px;
	text-align: center;
}
#Main.Estate .narrowtxt.left {
	text-align: left;
}
#Main.Estate .narrowtxt.mini {
	margin: 0 auto 1em;
}
#Main.Estate .imgarea.owlgroup {
	text-align: center;
	max-width: 940px;
	position: relative;
	height: 352px;
}
#Main.Estate .imgarea.owlgroup .base {
	position: relative;
	z-index: 1;
}
#Main.Estate .imgarea.owlgroup ul {
	position: absolute;
	top: 70px;
	display: flex;
	left: 50%;
	z-index: 2;
	transform: translate3d(-50%,0,0);
	width: 100%;
	justify-content: center;
}
#Main.Estate .imgarea.owlgroup ul .item {
	max-width: 310px;
	position: relative;
	z-index: 2;
	width: 100%;
	text-align: center;
}
#Main.Estate .imgarea.owlgroup .item.fudosan,
#Main.Estate .imgarea.owlgroup .item.bldg {

}
#Main.Estate .imgarea.owlgroup .item.fudosan {
}
#Main.Estate .imgarea.owlgroup .item.foresta {
	margin: 55px 0 0;
}
#Main.Estate .imgarea.owlgroup a {
	display: inline-block;
}
#Main.Estate .imgarea.owlgroup .item .role,
#Main.Estate .imgarea.owlgroup .item .name {
	display: block;
	line-height: 2;
}
#Main.Estate .imgarea.owlgroup .item .role {
}
#Main.Estate .imgarea.owlgroup .item .name {
	font-size: 12px;
	margin-bottom: 1em;
}
#Main.Estate .imgarea.owlgroup br,
#Main.Estate .imgarea.owlgroup > p {
    display: none;
}
/*==================================================
モデル事例・収支シミュレーション ESTATE
====================================================*/
#est_simu_hdr {
	margin: 50px auto;
}
#est_simu_hdr .img {
	position: relative;
	text-align: center;
	background: #dbdbdb;
}
#est_simu_hdr .img .idx {
	position: absolute;
	background: #171c61;
	color: #fff;
	padding: 0.5em;
	font-size: 19px;
	min-width: 8em;
	right: 50%;
	margin-right: 225px;
	top: 25px;
	display: inline-block;
}
#est_simu_hdr small {
	display: block;
	text-align: right;
	max-width: 940px;
	padding: 10px 10px 0;
	margin: 0 auto;
	font-size: 11px;
}
.est_box {
	max-width: 940px;
	margin: 80px auto;
	padding: 0 10px;
}
#Main.Estate .tbl_est_data {
	border-top: 1px solid #808080;
	border-right: 1px solid #808080;
	border-left: 1px solid #808080;
}
#Main.Estate .tbl_est_data tr {
}
#Main.Estate .tbl_est_data th,
#Main.Estate .tbl_est_data td {
	border-bottom-color: #808080;
	padding: 0.5em 2em;
}
#Main.Estate .tbl_est_data th {
	background: #e7e7e7;
	border-left: none;
	width: 8em;
}
#Main.Estate .tbl_est_data td {
	border-left: none;
	background: none;
}

#est_floor_plan {
	display: flex;
	justify-content: space-between;
}
#est_floor_plan li {
	width: 49%;
	border: 1px solid #e7e7e7;
	text-align: center;
	box-sizing: border-box;
}
#est_floor_plan li a {
	display: inline-block;
	width: 100%;
	padding: 40px;
	box-sizing: border-box;
	position: relative;
}
#est_floor_plan li img {
}

#Main.Estate .btn_bar {
	padding: 1.5em;
	border: 1px solid #808080;
	text-align: center;
	display: block;
}
#Main.Estate .btn_bar:after {
	content: url('../images/estate/ico_ext.png');
	padding-left: 5px;
	vertical-align: middle;
}

#est_simu_price {
	border: 1px solid #808080;
	background: #e7e7e7;
	padding: 1.5em;
}
#est_simu_price .item {
	display: flex;
	width: 100%;
	max-width: 780px;
	margin: 0 auto;
}
#est_simu_price .left,
#est_simu_price .right {
	align-self: center;
}
#est_simu_price .left {
	text-align: right;
	width: calc(100% - 300px);
}
#est_simu_price dl {
	display: flex;
	align-items: center;
}
#est_simu_price .left dl {
	justify-content: flex-end;
}
#est_simu_price .right dl {
	justify-content: space-between;
}
#est_simu_price .left dl dd,
#est_simu_price .right dl dd {
	width: 50%;
}
#est_simu_price .left dl dt,
#est_simu_price .left dl dd {
	padding: 0.5em;
}
#est_simu_price .right dl dt,
#est_simu_price .right dl dd {
	padding: 0.5em 0;
}
#est_simu_price dl dt {

}
#est_simu_price dl dt:after {
	content: '：';
}
#est_simu_price dl dd {
	font-size: 175%;
	text-align: right;
}
#est_simu_price .right dl dd {
	font-size: 125%;
}
#est_simu_price dl dd.unit:after {
	content: '円';
	font-size: 16px;
	padding-left: 0.5em;
}
#est_simu_price .right {
	width: 300px;
	padding-left: 40px;
	box-sizing: border-box;
}
#est_simu_price .right small {
	font-size: 88%;
	line-height: 1.5;
	display: inline-block;
}
#est_simu_price .right small.red,
#est_simu_balance .est_simu_2col .right dl dd.red {
	color: #B80B0D;
}

#est_simu_price .middle {
	border-bottom: 1px solid #808080;
}

#est_simu_balance {
	background: #d4dfed;
	margin: 35px 0;
}
#est_simu_balance > .inner {
	max-width: 940px;
	margin: 0 auto;
	padding: 60px 10px 15px;
}

#est_simu_balance .tbl_rentroll {
	display: flex;
	flex-wrap: nowrap;
	border: 1px solid #808080;
	border-bottom: none;
	background: #c1c1c1;
	width: 100%;
	box-sizing: border-box;
}
#est_simu_balance .tbl_rentroll.last {
	border-bottom: 1px solid #808080;
	margin-bottom: 60px;
}
#est_simu_balance .tbl_rentroll > dt,
#est_simu_balance .tbl_rentroll > dd {
	text-align: center;
}
#est_simu_balance .tbl_rentroll > dt {
	align-self: center;
	width: 120px;
	font-size: 20px;
}
#est_simu_balance .tbl_rentroll > dd {
	width: calc(100% - 120px);
	display: flex;
	flex-wrap: wrap;
}
#est_simu_balance .tbl_rentroll > dd dl {
	border-right: 1px solid #c1c1c1;
	width: 20%;
	box-sizing: border-box;
}
#est_simu_balance .tbl_rentroll > dd dl:nth-child(5) {
	border-right: none;
}
#est_simu_balance .tbl_rentroll > dd dl.margin {
	display: none;
}
#est_simu_balance .tbl_rentroll > dd dl dt,
#est_simu_balance .tbl_rentroll > dd dl dd {
	padding: 0.5em;
}
#est_simu_balance .tbl_rentroll > dd dl dt {
	background: #dbdbdb;
	padding: 0.5em;
}
#est_simu_balance .tbl_rentroll > dd dl dd {
	background: #fff;
	font-size: 113%;
	padding: 0.75em 0.5em;
}
#est_simu_balance .tbl_rentroll > dd dl dd:before {
	content: '￥';
}
#est_simu_balance .tbl_rentroll > dd dl.blank dd:before {
	content: '';
}
#est_simu_balance h4 {
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 30px;
}
#est_simu_balance small {
	display: block;
	line-height: 1.5;
	font-size: 11px;
	text-align: right;
}

#est_simu_balance .est_simu_2col {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 50px;
}

#est_simu_balance .est_simu_2col .left {
	max-width: 470px;
	width: 100%;
}
#est_simu_balance table {
	border-top: 1px solid #808080;
}
#est_simu_balance table th,
#est_simu_balance table td {
	box-sizing: border-box;
	border-bottom: 1px solid #808080;
	font-size: 14px;
	vertical-align: middle;
}
#est_simu_balance table th {
	border-right: none;
	border-left: 1px solid #808080;
	padding: 0.5em 24px;
}
#est_simu_balance .tbl_expenses th {
	background: #c1c1c1;
	width: 120px;
}
#est_simu_balance .tbl_saleprices th {
	background: #dbdbdb;
	width: 190px;
}
#est_simu_balance .tbl_saleprices tr.taxin th {
	font-size: 16px;
}
#est_simu_balance table td {
	text-align: right;
	border-right: 1px solid #808080;
	border-left: none;
	padding: 0.5em 15px;
}
#est_simu_balance table td .inner {
	margin: 0 auto;
	line-height: 1.5;
}
#est_simu_balance .tbl_expenses td .inner {
	max-width: 260px;
}
#est_simu_balance .tbl_saleprices td .inner {
	max-width: 190px;
}
#est_simu_balance .est_simu_2col .right {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	padding-left: 30px;
}
#est_simu_balance .est_simu_2col .right dl {
	border: 1px solid #808080;
	background: #fff;
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
	max-width: 380px;
	min-width: 300px;
	box-sizing: border-box;
}
#est_simu_balance .est_simu_2col .right dl:last-child {
	margin-bottom: 0;
}
#est_simu_balance .est_simu_2col .right dl dt,
#est_simu_balance .est_simu_2col .right dl dd {
	display: table-cell;
	vertical-align: middle;
}
#est_simu_balance .est_simu_2col .right dl dt {
	padding: 0.4em 12px 0.4em 24px;
}
#est_simu_balance .est_simu_2col .right dl.income dt {
	width: 4em;
}
#est_simu_balance .est_simu_2col .right dl.gross dt {
	width: 6em;
}
#est_simu_balance .est_simu_2col .right dl dt:after {
	content: '：';
}
#est_simu_balance .est_simu_2col .right dl dd {
	text-align: right;
	padding: 0.4em 24px 0.4em 12px;
}
#est_simu_balance .est_simu_2col .right dl.income dd {
	font-size: 157%;
}
#est_simu_balance .est_simu_2col .right dl.gross dd .num {
	font-size: 300%;
}
#est_simu_balance .est_simu_2col .right dl.gross dd .unit {
	font-size: 175%;
	padding-left: 0.25em;
}
/*==================================================
相続税対策にも？ ESTATE
====================================================*/
#EstateCnt.inheritance-tax-strategy h5 {
	font-size: 17px;
	margin: 50px auto 40px;
	padding: 0.6em;
	text-align: center;
	line-height: 1.6;
	background: #e7e7e7;
}
#EstateCnt.inheritance-tax-strategy h6 {
	max-width: 37em;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	text-indent: 1.4em;
	line-height: 1.6;
}
#EstateCnt.inheritance-tax-strategy h6:before {
	content: '';
    background: #244709;
    margin-right: 0.25em;
    width: 1em;
    height: 1em;
    display: inline-block;
    border-radius: 50%;
	position: absolute;
	left: 10px;
	top: 0.3em;
}
#EstateCnt.inheritance-tax-strategy .narrowtxt {
	margin-top: 40px;
}

.est_box.est_tax_img img {
	max-width: 100%;
	height: auto;
}
.est_box.est_tax_img .sp {
	display: none;
}
.est_box.est_tax_img .pc {
	display: inline-block;
}
.est_box.est_tax_img.img01 .pc {
	padding-left: calc((100% - 580px) / 2);
}
.est_box.est_tax_img.img02 {
	text-align: center;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1200px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1200px){
	#PageTitleBg{
		width:auto;
		height:200px;
		top:0;
		left:50%;
		margin:0 0 0 -600px;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1100px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1140px){
	/*==================================================
	WORKS 1110
	====================================================*/
	#WorksArchivePage{
		max-width:1100px;
		margin:40px auto 0;
		padding:0 20px;}
	#WorksList{
		margin:0;}
	.WrkArchiveBox{
		width:33%;
		height:auto;
		float:left;
		text-align:center;
		margin:0 0 20px;}
	.WrkArchiveBox .WrkImg{
		width:100%;
		height:auto;}
	.WrkArchiveBox .WrkImg a{
		width:100%;
		height:170px;
		position:relative;
		display:block;}
	.WrkArchiveBox .WrkImg .Img{
		width:auto;
		height:auto;
		position:relative;}
	.WrkArchiveBox p.WrksTxt{
		width:100%;
		height:auto;
		display:block;
		text-align:center;
		padding:10px;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1020px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1020px){

/*==================================================
TOP 1020
====================================================*/
	.TopWorksSldWrap a.TopWorksPrev{
		left:10px;}
	.TopWorksSldWrap a.TopWorksNext{
		right:10px;}
	.ThumbNewsList, .ThumbNewsList.News{
		margin:0;
		padding:0 20px;}
	.ThumbNewsList.News{
		margin:0 0 20px;}
	.ThumbNewsList li{
		width:50%;
		float:left;
		padding:0 0 20px;
		margin:0;
		box-sizing:border-box;}
	.ThumbNewsList li:nth-child(even){
		padding:0 0 20px 20px;}
	.ThumbNewsList li a{
		display:table-row;}
	.ThumbNewsList li a span.Img{
		display:table-cell;
		width:115px;
		float:none;}
	.ThumbNewsList li a span.Cnt{
		display:table-cell;
		width:auto;
		float:none;
		vertical-align:top;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			960px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:960px){
	/*==================================================
	ARCHITECT 960
	====================================================*/
	#lst_architect li .item .img {
		height: 120px;
	}
	#lst_architect li .item .img .portrait {
		width: 120px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			940px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:940px){
/*==================================================
HEADER 940
====================================================*/
	#Header #HdrInfo{
		top:100px;
		right:20px;
		text-align:center;}
	#BreadCrumbs{
		padding:0 20px;}
/*==================================================
FOOTER 940
====================================================*/
/*--------------------------------------------------- FOOTER NAVIGATION*/
	#FtrNavi li{
		letter-spacing:normal;
		display:inline-block;
		margin:0 10px;}
	#FtrNavi li:first-child,#FtrNavi li:first-child{
		margin:0 10px;}
	#FtrNavi li a{
		display:inline;
		height:auto;}
/*--------------------------------------------------- FOOTER INFOMATION*/
	#FtrInfo li{
		display:inline-block;
		margin:0 10px;}
	#FtrInfo li:first-child{
		margin:0 10px;}
	#FtrInfo li a{
		display:inline;}
	#FtrAdress{
		padding:0 10px;}
	#FtrAbout #FtrAdress li{
		display:block;
		line-height:30px;
		margin:0;}
/*==================================================
BOX 940
====================================================*/
	.BoxCnt{
		padding:0 20px;}
	.Box4 .Box{
		width:33.333%;
		box-sizing:border-box;}
	.Box4 .Box img{
		width:100%;}
	/*--------------------------------------------------- PAGE TAB BOX*/
	.PageTabBox ul{
		padding:30px 20px;}
	.PageTabBox ul li{
		display:block;
		line-height:1.5;
		padding:5px 0 5px 20px;
		margin:0;
		text-align:left;}
	.PageTabBox ul li a:hover{
	text-decoration:underline !important;}
	.PageTabBox ul li:first-child,.PageTabBox ul li:last-child{
		margin:0;}
	.PageTabBox ul li.On{
		background:url(../images/common/icon_pagetab_sp.jpg) left center no-repeat;}
	/*--------------------------------------------------- IMG BOX*/
	.ImgBox{
		margin:0 0 60px;}
	.ImgBox.Img320 .Img,
	.ImgBox.Img380 .Img{
		width:100%;
		text-align:center;
		margin:0 0 20px;}
	.ImgBox.Img320 .Txt,
	.ImgBox.Img380 .Txt{
		width:100%;}
	#CafePage .ImgBox.Img380 .Txt{
		margin:0 0 20px;}
	#CafePage .ImgBox.Img380 .Img{
		margin:0;}
	.ImgBox .ImgBoxLeft{
		float:none;}
	.ImgBox .ImgBoxRight{
		float:none;}
		/*--------------------------------------------------- GRAY IMG TITLE*/
	.GrayImgTitle{
		margin:20px auto 80px;}
	.GrayImgTitle .Img{
		width:100%;
		float:none;
		height:175px;
		overflow:hidden;}
	.GrayImgTitle .Img img{
		width:100%;}
	.GrayImgTitle .Txt{
		width:100%;
		float:none;}
	#Main .GrayImgTitle .Txt h3{
		line-height:1.5;
		padding:20px;}
	#MainCnt{
		width:100%;
		float:none;
		padding:0 20px 30px;
		margin:0 0 20px;
		border-bottom:1px solid #cfcfcf;
		box-sizing:border-box;}
	#Side{
		width:100%;
		float:none;
		padding:0 20px 30px;
		margin:0 0 20px;
		border-bottom:1px solid #cfcfcf;
		box-sizing:border-box;}
	#EngineerArchive{
		width:100%;
		padding:20px;
		box-sizing:border-box;}
	#EngineerArchive .EngArcRow{
		display:block;}
	#EngineerArchive .EngArchiveBox{
		display:block;
		width:100%;
		padding:20px 20px 50px;
		margin:0 0 20px;
		background:#f0efea;
		box-sizing:border-box;}
	#EngineerArchive .EngArchiveBox.Empty{
		display:none;
		background:none;}
	#EngineerArchive .EngArchiveBox.Left{
		border-right:none;}
	.EngArchiveBox .EngArcHead{
		width:100%;}
	.EngArchiveBox .EngArcHead .Img{
		width:180;
		float:none;
		text-align:center;
		display:table-cell;
		padding:0 20px 0 0;
		vertical-align:top;}
	.EngArchiveBox .EngArcHead .Txt{
		display:table-cell;
		width:auto;
		float:none;
		vertical-align:top;}
	.VoiceImg{
		text-align:center;
		margin:0 0 20px;}
	.VoiceImg, .VoiceTxt{
		width:auto;
		padding:0 20px;
		float:none;}
	#EnginnerSingle #InterViewHead .Img{
		width:100%;
		float:none;
		text-align:center;}
	#EnginnerSingle #InterViewHead .Txt{
		float:none;
		width:100%;}
	#EnginnerSingle .InterViewBox{
		padding:35px 0;}

	/*==================================================
	ESTATE 940
	====================================================*/
	#est_floor_plan li a {
		padding: 20px;
	}
	#Main.Estate .imgarea.owlgroup .item .role {
		font-size: 14px;
	}
	#Main.Estate .imgarea.owlgroup .item .name {
		font-size: 10px;
	}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			920px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:920px){
	/*==================================================
	TOP 920
	====================================================*/
	#TopNews{
		margin: 0;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			850px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:850px){
	/*==================================================
	WORKS 850
	====================================================*/
	.WrkArchiveBox{
		width:50%;
		height:auto;
		float:left;
		margin:0 0 20px;}
	.WrkArchiveBox p.WrksTxt{
		width:100%;
		height:auto;
		display:block;
		text-align:center;
		padding:10px;}

	/*==================================================
	ARCHITECT 850
	====================================================*/
	#lst_architect li .item .txt,
	#lst_architect li .item .txt .main,
	#lst_architect li .item .txt .btnarea {
		display: block;
		widows: 100%;
	}
	#lst_architect li .item .txt .main {
		padding: 16px 16px 8px 16px;
	}
	#lst_architect li .item .txt .btnarea {
		padding: 8px 16px 16px 16px;
		text-align: center;
	}
	/*==================================================
	ESTATE 850
	====================================================*/
	.lst_nav_estate li a {
		padding: 25px 15px;
		font-size: 14px;
		height: 100%;
	}
	#est_simu_hdr .img .idx {
		margin-right: 80px;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			768px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:768px){
/*==================================================
HEADER 768
====================================================*/
	#Header{
		height:105px;}
	#Header #Logo{
		max-width:50%;
		top:10px;}
	#Header #Logo a{
		display:block;
		width:100%;}
	#Header #Logo a img{
		width:100%;}
	#Header #HdrInfo{
		display:none;}
	#SpHdrMenu{
		display:block;}
/*--------------------------------------------------- HEADER NAVI*/
	#HdrNavi{
		position:fixed;
		top:105px;
		left:0;
		width:100%;
		background:#FFF;
		z-index:10;
		transition: all 0s ease-in-out 0s;
		-moz-transition: all 0s;
		-webkit-transition: all 0s;
		-o-transition: all 0s;
		display:none;}
	#HdrNavi > ul{
		padding:30px 45px;}
	#HdrNavi > ul > li{
		width:100%;
		height:auto;
		position:relative;
		float:none;
		text-align:left;}
	#HdrNavi > ul > li > a{
		display:block;
		width:100%;
		padding:10px 0;
		height:auto;
		border-bottom:1px solid #d8d8d8;
		background:none;}
	#HdrNavi > ul > li > a:hover{
		background-position:center bottom;
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
		transition: all 0s ease-in-out 0s;
		-moz-transition: all 0s;
		-webkit-transition: all 0s;
		-o-transition: all 0s;}
	#HdrNavi > ul > li > a > span{
		display:block;
		font-size:16px;
		border-left:none;}
	#HdrNavi > ul > li:last-child > a > span{
		border-right:none;}
	#HdrNavi > ul > li > a > span.En{
		line-height:1.5;}
	#HdrNavi > ul > li > a > span.Ja{
		display:none;}
	#HdrNavi ul.SubMenu{
		position:relative;
		width:100%;
		padding:0;
		background:none;
		top:auto;
		left:auto;
		display:none;}
	#HdrNavi > ul > li:last-child ul.SubMenu{
		left:auto;}
	#HdrNavi ul.SubMenu li{
		border-bottom:none;}
	#HdrNavi ul.SubMenu li a{
		display:block;
		color:#1a1a1a;
		font-size:16px;
		padding:10px 0;
		line-height:1.5;
		border-bottom:1px solid #d8d8d8;
		margin:0 0 0 30px;}
	#HdrNavi ul.SubMenu li a:hover{
		color:#1A1A1A;
		text-shadow:none;
		background:none;}
	#Main table.TableCmn table, #Main table.TableCmn tr,#Main table.TableCmn th, #Main table td.TableCmn{
		display:block;}
/*==================================================
CONCEPT 768
====================================================*/
	#DukaiWrap a#DukaiPrev{
		left:10px;}
	#DukaiWrap a#DukaiNext{
		right:10px;}
/*==================================================
PROCESS 768
====================================================*/
	.ProcessHead{
		padding:0 20px 50px;}
	.ProcessBox .Img{
		width:80%;
		float:none;
		padding:0 20px;
		margin:0 auto;
		box-sizing:border-box;}
	.ProcessBox .Txt{
		width:100%;
		float:none;
		padding:20px;
		box-sizing:border-box;}
	.FaqBox{
		padding:30px 20px;}
/*==================================================
VOICE 768
====================================================*/
	.VoComTxt{
		margin:25px 0 0;
		padding:0 20px 50px;}
	.VoComment{
		margin:0;
		padding:20px;}
	#Main p.VoGaTxt{
		padding:0 20px;}
	#WorksList{
		margin:0;}
/*==================================================
ARCHITECT 768
====================================================*/
	#ArchitectArchive .header {
		padding: 10px 10px 50px;
	}
	#ArchitectArchive .header p {
		font-size: 14px;
	}
	#ArchitectArchive .listarea {
		padding: 70px 10px;
	}
	#lst_architect li .item .img .title span {
		font-size: 20px;
	}
	#lst_architect li .item .txt .main h3 {
		font-size: 14px;
	}
	#lst_architect li .item .txt .main p {
		font-size: 12px;
	}
	/*==================================================
	ESTATE 768
	====================================================*/
	#Contents #Main.Estate h2 {
		font-size: 28px;
	}
	#Main.Estate #EstateCnt.reasons h4,
	#Main.Estate #EstateCnt.inheritance-tax-strategy h4 {
    	font-size: 22px;
	}
	#Main.Estate .narrowtxt {
		font-size: 14px;
	}

	#est_simu_hdr {
		margin: 30px auto;
	}
	.est_box {
		margin: 50px auto;
	}
	#Main.Estate .tbl_est_data th,
	#Main.Estate .tbl_est_data td {
		font-size: 14px;
		padding: 0.5em 1.5em;
	}
	#Main.Estate .tbl_est_data th {
		width: 5em;
	}

	#est_simu_price {
		font-size: 14px;
	}
	#est_simu_price .left,
	#est_simu_price .right {
		width: 100%;
	}
	#est_simu_price .left dl {
		width: 100%;
	}
	#est_simu_price .left dl dt {
		width: 80px;
		box-sizing: border-box;
		text-align: left;
	}
	#est_simu_price .left dl dd {
		width: calc(100% - 80px);
	}

	#est_simu_balance > .inner {
		padding: 40px 10px 15px;
	}
	#est_simu_balance .tbl_rentroll.last {
		margin-bottom: 40px;
	}
	#est_simu_balance .tbl_rentroll > dt {
		width: 90px;
		font-size: 16px;
	}
	#est_simu_balance .tbl_rentroll > dd {
		width: calc(100% - 90px);
	}
	#est_simu_balance .tbl_rentroll > dd dl {
		font-size: 14px;
	}
	#est_simu_balance .est_simu_2col {
		flex-wrap: wrap;
		margin-bottom: 30px;
	}
	#est_simu_balance .est_simu_2col .left {
		max-width: none;
	}
	#est_simu_balance .tbl_expenses th {
		width: 190px;
	}
	#est_simu_balance .est_simu_2col .right {
		padding-left: 0;
		width: 100%;
		margin-top: 30px;
	}
	#est_simu_balance table th,
	#est_simu_balance table td {
		font-size: 12px;
	}
	#est_simu_balance .est_simu_2col .right dl {
		font-size: 14px;
	}
	#est_simu_balance .est_simu_2col .right dl.gross dd .num {
		font-size: 250%;
	}
	#est_simu_balance .est_simu_2col .right dl.gross dd .unit {
		font-size: 150%;
	}
	#Main.Estate .btn_bar {
		font-size: 14px;
	}
	#est_floor_plan li a:after {
		content: url(../images/estate/ico_zoom.png);
		right: 0;
		top: 0;
		position: absolute;
		opacity: 0.3;
	}

	#EstateCnt.inheritance-tax-strategy h5 {
		font-size: 15px;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			720px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:720px){
	#Header #Logo{
		top:10px;}
/*==================================================
BOX 720
====================================================*/
	.BoxCnt{
		padding:0 20px;}
	.Box4 .Box{
		width:50%;
		box-sizing:border-box;}
	.Box4 .Box img{
		width:auto;
		max-width:100%;}
/*==================================================
CAFE 720
====================================================*/
	#CafeInfo{
		display:block;
		width:100%;
		margin:50px 0 0;}
	#CafeInfo .Img{
		width:100%;
		display:block;
		text-align:center;
		margin:0 0 20px;}
	#CafeInfo .Txt{
		padding:0;
		display:block;
		text-align:center;}
	#Contents #CafeInfo h2{
		text-align:center;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
	#Header #Logo{
		margin:0;
		left:20px;}
/*--------------------------------------------------- FOOTER INFOMATION*/
	#FtrInfo li{
		display:block;
		margin:0;}
	#FtrInfo li:first-child{
		margin:0;}
/*==================================================
BOX 640
====================================================*/
	.BoxCnt{
		padding:0 20px;}

	/*--------------------------------------------------- ROWLIST*/
	.RowListWrap{
		border-bottom:none;}
	.RowListWrap dl{
		display:block;}
	.RowListWrap dl dt{
		display:block;
		width:100%;
		padding:25px 0;
		margin:25px 0;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #cfcfcf;
		border-top:1px solid #cfcfcf;}
	.RowListWrap dl dd{
		display:block;
		padding:0 25px;}
/*==================================================
TOP 640
====================================================*/
	#TopSlider{
		min-height: inherit;
		min-height: auto;
		height: auto;}
	#TopNews{
		display: none;}
	.TopNewsBox a.Cat:after{
		content:'';}
	.TopNewsBox dt, .TopNewsBox dd{
		font-size:14px;}
	.TopNewsBox dd.Title{
		display:block;
		font-size:16px;}
	.ThumbNewsList ul{
		width:100%;}
	.ThumbNewsList li{
		width:100%;
		float:none;}
	.ThumbNewsList li:nth-child(even){
		padding:0 0 20px;}

	.EngArchiveBox .EngArcHead .Img{
		width:100%;
		float:none;
		text-align:center;
		display:block;}
	.EngArchiveBox .EngArcHead .Txt{
		width:100%;
		float:none;
		text-align:center;
		display:block;
		margin:20px 0 0;
		padding:20px 0 0;
		border-top: 1px solid #bababa;}
	/*==================================================
	WORKS 640
	====================================================*/
	.WrkArchiveBox{
		width:100%;
		height:auto;
		float:none;
		margin:0 0 20px;}
	.WrkArchiveBox .WrkImg{
		width:100%;
		height:auto;
		text-align:center;}
	.WrkArchiveBox .WrkImg a{
		width:100%;
		height:auto;
		position:relative;
		display:block;}
	.WrkArchiveBox .WrkImg .Img{
		width:auto;
		height:auto;
		position:relative;
		left:0;
		margin:0;}
	.WrkArchiveBox p.WrksTxt{
		width:100%;
		height:auto;
		padding:10px 0;
		display:block;
		text-align:center;
		vertical-align:middle;
		font-size:16px;
		color:#474747;}
	/*==================================================
	ARCHITECT 640
	====================================================*/
	#lst_architect {
		justify-content: center;
	}
	#lst_architect li {
		width: 100%;
		margin-bottom: 20px;
	}
	#lst_architect li:last-child {
		margin-bottom: 0;
	}
	#lst_architect li .item {
	}
	#lst_architect li .item .txt {
		display: table;
	}
	#lst_architect li .item .txt .main,
	#lst_architect li .item .txt .btnarea {
		display: table-cell;
		vertical-align: middle;
	}
	#lst_architect li .item .txt .main {
		padding: 16px 10px 16px 16px;
	}
	lst_architect li .item .txt .btnarea {
		padding: 16px 16px 16px 10px;
	}
	/*==================================================
	ESTATE 640
	====================================================*/
	#EstateCnt {
		margin: 50px 0;
	}
	#Main.Estate #EstateCnt.reasons h4,
	#Main.Estate #EstateCnt.inheritance-tax-strategy h4,
	#Main.Estate .narrowtxt,
	#Main.Estate .imgarea.owlgroup {
		margin: 40px auto 30px;
	}
	#Main.Estate .btnarea_btm ul {
		flex-wrap: wrap;
	}
	#Main.Estate .btnarea_btm ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	#Main.Estate .btnarea_btm ul li:last-child {
		margin-bottom: 0;
	}
	#Main.Estate .narrowtxt {
		text-align: left;
	}
	#Main.Estate .narrowtxt.mini {
		text-align: center;
	}
	#Main.Estate .btnarea,
	#Main.Estate .est_imgline {
		margin: 30px 0 40px;
	}
	#Main.Estate .btnarea_btm ul li .btn_cmn {
		min-height: 40px;
	}

	#Main.Estate .imgarea.owlgroup .base {
		display: none;
	}
	#Main.Estate .imgarea.owlgroup {
		height: auto;
	}
	#Main.Estate .imgarea.owlgroup ul {
		position: relative;
		top: 0;
		left: 0;
		transform: translate3d(0,0,0);
		flex-wrap: wrap;
		max-width: 460px;
		padding: 80px 20px 20px;
		margin: 0 auto;
		box-sizing: border-box;
		background: #e7e7e7;
	}
	#Main.Estate .imgarea.owlgroup ul:after {
		content: url(../images/estate/owl_bg_ttl.png);
		position: absolute;
		top: 30px;
		left: 50%;
		transform: translate3d(-50%,0,0);
	}
	#Main.Estate .imgarea.owlgroup ul .item {
		max-width: none;
		margin-bottom: 10px;
	}
	#Main.Estate .imgarea.owlgroup .item.foresta {
		margin: 0 0 10px;
	}
	#Main.Estate .imgarea.owlgroup .item.bldg {
		margin-bottom: 0;
	}
	#Main.Estate .imgarea.owlgroup a {
		display: flex;
		width: 100%;
		flex-direction: row-reverse;
		justify-content: flex-end;
	}
	#Main.Estate .imgarea.owlgroup a .img {
		width: 200px;
		height: auto;
	}
	#Main.Estate .imgarea.owlgroup a .txt {
		text-align: left;
		padding-left: 1em;
		align-self: center;
		width: calc(100% - 200px);
	}
	#Main.Estate .imgarea.owlgroup .item .role,
	#Main.Estate .imgarea.owlgroup .item .name {
		line-height: 1.6;
	}
	#Main.Estate .imgarea.owlgroup .item .role {
		margin-bottom: 0.5em;
	}
	#Main.Estate .imgarea.owlgroup .item .name {
		margin: 0;
	}

	#est_simu_price {
		padding: 1em 1.5em;
	}
	#est_simu_price dl dd.unit::after {
		font-size: 14px;
	}
	#est_simu_price .item {
		flex-wrap: wrap;
	}
	#est_simu_price .left,
	#est_simu_price .right {
		max-width: 480px;
		margin: 0 auto;
	}
	#est_simu_price .left {
	}
	#est_simu_price .left dl {
		justify-content: space-between;
	}
	#est_simu_price .left dl dt {
		width: 60px;
	}
	#est_simu_price .left dl dd {
		padding: 0.5em 0.25em 0.5em 0;
	}
	#est_simu_price .right {
		display: flex;
		justify-content: flex-end;
		padding-left: 0;
	}
	#est_simu_price .right dl {
		width: 240px;
	}
	#est_simu_price .right small {
	}
	#est_simu_price .right small:before,
	#est_simu_price .right dl:before {
		content: '(';
	}
	#est_simu_price .right small:after,
	#est_simu_price .right dl:after {
		content: ')';
	}
	#est_simu_price .middle .right {
		padding-bottom: 1em;
		font-size: 88%;
	}
	#est_simu_price .middle .right dl dt,
	#est_simu_price .middle .right dl dd {
		padding: 0 0;
	}
	#est_simu_price .middle .right dl dd:after {
		font-size: 88%;
	}
	#est_simu_price .item.lower .right {
		display: none;
	}

	.est_box.est_tax_img.img01 {
		text-align: center;
	}
	.est_box.est_tax_img .pc {
		display: none;
	}
	.est_box.est_tax_img .sp {
		display: inline-block;
	}

	#EstateCnt.inheritance-tax-strategy .narrowtxt {
		margin-top: 30px;
	}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			540px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:540px){
	#est_simu_hdr .img .idx {
		right: auto;
		margin-right: 0;
		font-size: 16px;
		left: 15px;
		top: 15px;
	}
	#est_floor_plan {
		flex-wrap: wrap;
	}
	#est_floor_plan li {
		width: 100%;
		margin-bottom: 15px;
	}
	#est_floor_plan li:last-child {
		margin-bottom: 0;
	}
	#est_simu_balance .tbl_rentroll {
		display: flex;
		flex-wrap: wrap;
		margin: 10px 0;
		border-bottom: 1px solid #808080;
	}
	#est_simu_balance .tbl_rentroll > dt {
		width: 100%;
		padding: 0.5em;
	}
	#est_simu_balance .tbl_rentroll > dd {
		width: 100%;
	}
	#est_simu_balance .tbl_rentroll > dd dl {
		width: 33.33%;
	}
	#est_simu_balance .tbl_rentroll > dd dl.margin {
		display: block;
	}
	#est_simu_balance .tbl_rentroll > dd dl.blank {
		display: none;
	}
	#est_simu_balance .tbl_rentroll > dd dl:nth-child(5) {
		border-right: 1px solid #c1c1c1;
	}
	#est_simu_balance .tbl_rentroll > dd dl:nth-child(3n) {
		border-right: none;
	}
	#est_simu_balance .tbl_rentroll > dd dl.margin dd:before {
		content: '';
	}

	#est_simu_balance table th {
		padding: 0.5em 12px;
	}
	#est_simu_balance .tbl_expenses th,
	#est_simu_balance .tbl_saleprices th {
		width: 100px;
	}
	#est_simu_balance small {
		text-align: left;
	}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			480px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){
	#TopSlider{
		height: 200px;}
	#TopSlider .TopSldCnt img.TopSldBg{
		width:480px;
		height:200px;
		position:absolute;
		top:0;
		left:50%;
		margin:0 0 0 -240px;}
	#Contents #CafeInfo h2{
		font-size:24px;}
	.SpBr{
		display:block;}
	/*==================================================
	ESTATE 480
	====================================================*/
	#Contents #Main.Estate h2 {
		font-size: 22px;
		padding: 0 10px;
	}
	.lst_nav_estate {
		flex-wrap: wrap;
		background: none;
		justify-content: flex-start;
		max-width: 280px;
		margin: 0 auto;
		padding: 10px 0;
		border-bottom: 1px solid #8b8db0;
		border-top: 1px solid #8b8db0;
	}
	.lst_nav_estate li {
		width: 100%;
	}
	.lst_nav_estate li a {
		padding: 10px 15px 10px 30px;
		height: auto;
		color: #171c61;
		text-align: left;
	}
	.lst_nav_estate li.current a {
		opacity: 0.5;
	}
	.lst_nav_estate li.current a:after {
		display: none;
	}
	.lst_nav_estate li.current a:before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 5px 0 5px 8.7px;
		border-color: transparent transparent transparent #171c61;
		position: absolute;
		left: 12px;
		top: 50%;
		transform: translate3d(0, -50%, 0);
	}
	#Main.Estate .est_imgline {
		flex-wrap: wrap;
	}
	#Main.Estate #EstateCnt.reasons h4,
	#Main.Estate #EstateCnt.inheritance-tax-strategy h4 {
		font-size: 18px;
	}
	#Main.Estate .tbl_est_data th,
	#Main.Estate .tbl_est_data td {
		padding: 0.5em 1em;
	}
	#Main.Estate .imgarea.owlgroup a .img {
		width: 150px;
	}
	#Main.Estate .imgarea.owlgroup a .txt {
		width: calc(100% - 150px);
	}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			400px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:400px){
	#lst_architect li .item .img {
		height: 100px;
	}
	#lst_architect li .item .img .portrait {
		width: 100px;
	}
	#lst_architect li .item .txt,
	#lst_architect li .item .txt .main,
	#lst_architect li .item .txt .btnarea {
		display: block;
		widows: 100%;
	}
	#lst_architect li .item .txt .main {
		padding: 16px 16px 8px 16px;
	}
	#lst_architect li .item .txt .btnarea {
		padding: 8px 16px 16px 16px;
	}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			340px

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:340px){
	#Header #Logo{
		top:10px;}
	#Header {
		height:80px;}
	#SpHdrMenu {
		width:80px;
		height:80px;}
	#HdrNavi {
		top:80px;
		padding:20px;}
	#HdrNavi > ul{
		padding:0;}
	#WorksList{
		margin:0;}
}







#Text{
	position:fixed;
	width:100%;
	height:50px;
	box-sizing:border-box;
	padding:20px;
	background:#FFF;
	bottom:0;
	left:0;}