@charset "utf-8";





/* TOP *******************************

 ********************************** */


/* メインビジュアル */

#container {width:100%;text-align:center;}

/* fullSlideShow
--------------------------- */

.fullSlideShow				{width:100%;text-align:left;position:relative;overflow:hidden;}
.fullSlideShow ul			{top:50%;left:50%;width:100%;position:absolute; /* absolute or fixed */overflow:hidden;}
.fullSlideShow ul li		{top:0;left:0;width:100%;height:100%;display:none;position:absolute;}
.fullSlideShow ul li img	{width:100%;}


.fullSlideShow ul li .txtBox			{margin:0 auto;width:1000px;}

.fullSlideShow ul li.viewList1 p		{top:40%;position:absolute;z-index:9999;font-size:30px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:0.1em;font-family:"Yu Gothic Bold";}
.fullSlideShow ul li.viewList1 p span	{margin-top:30px;display:block;font-size:18px;font-weight:bold;color:#fff;line-height:1.7;font-family:"Yu Gothic Bold";}

.fullSlideShow ul li.viewList2 p		{top:43%;position:absolute;z-index:9999;font-size:30px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:0.1em;font-family:"Yu Gothic Bold";}
.fullSlideShow ul li.viewList2 p span	{margin-top:30px;display:block;font-size:18px;font-weight:bold;color:#fff;line-height:1.7;font-family:"Yu Gothic Bold";}

.fullSlideShow ul li.viewList3 p		{top:40%;position:absolute;z-index:9999;font-size:30px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:0.1em;font-family:"Yu Gothic Bold";}
.fullSlideShow ul li.viewList3 p span	{margin-top:30px;display:block;font-size:18px;font-weight:bold;color:#fff;line-height:1.7;font-family:"Yu Gothic Bold";}

.fund p {text-align: center;line-height: 1.6;}
.fund a {margin:20px auto;display: block;width: 70%;}
.fund img {border:5px solid #555;width:100%;}
.fund a:hover img {border:5px solid #ccc;}


.topcolumn  dl{max-width: 800px;margin:20px auto;}

.topcolumn dt {font-size: 14px;margin:20px 0 0 0;font-weight: bold;display: block;}
.topcolumn dd a {font-size: 18px;margin:10px 0 30px 0;display: block;color: darkblue;}

/* PagiNation
--------------------------- */
.pagiNation {
bottom:30px;
right:30px;
width:auto;
height:15px;
text-align:center;
position:absolute; /* absolute or fixed */
z-index:110; /* 非表示にする場合は「90」以下に */
visibility:visible; /* 非表示にする場合は「hidden」に */
}

.pagiNation a {
margin:0 5px;
width:31px;
height:6px;
display:inline-block;
overflow:hidden;
background:url(../img/pagination_off.png) no-repeat;
}
.pagiNation a.pnActive {
background:url(../img/pagination_on.png) no-repeat;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;
}

.fullSlideShow ul:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.fullSlideShow ul {
display:inline-block;
overflow:hidden;
}


/* トップ共通
 ------------------------------------------ */
.h2ttl {font-size: 200%;font-weight: bold;padding-bottom:10px;width: 60%;text-align: center;border-bottom:2px solid #555;display: block;margin:20px auto 50px auto;}

.h2ttl2 {font-size: 200%;font-weight: bold;padding-bottom:10px;width: 80%;text-align: center;border-bottom:2px solid #555;display: block;margin:20px auto 50px auto;border-left:0!important;}

/* ABCアパート
 ------------------------------------------ */
.abcarea h2{
    margin: 0 0 20px 0;
    font-size: 22px;
    font-weight: bold;
    font-family: "Yu Mincho";
    padding-left: 5px;
    border-left:5px solid #555555;}
.abcarea p {
	margin:25px 0;
	font-size: 110%;
	line-height: 1.6;}
.attention01 {font-weight: bold;color: darkblue;font-size: 120%;display: block;}
.abc_3pic img {width:32%;display: inline-block;}
.abc_3pic img:nth-child(2) {margin-left:1.5%;margin-right: 1.5%;}
.attention02 {font-weight: bold;color: darkblue;}


/* 契約までの流れ
 ------------------------------------------ */

.flowarea {
	border:1px solid #ccc;
	padding:25px;
	border-radius:10px;
	margin-top:30px;}
.flowarea+.flowarea {margin-top: 20px!important;}

.flowarea h2{
    margin: 0 0 15px 0;
    font-size: 22px;
    border-bottom:1px dotted #555555;
    padding-bottom: 2px;
    font-weight: bold;
    font-family: "Yu Mincho";}

.flowarea p {
	margin:15px 0 0 0;
	font-size: 110%;
	line-height: 1.6;}

/* 4つのバナー pagelist
 ------------------------------------------ */

.pagelist				{margin-top:50px;min-width:1000px;}
.pagelist li			{margin:0 0 20px 20px;float:left;width:235px;height:190px;display:table;position:relative;}
.pagelist li:nth-child(1) {margin:0 0 20px 0;}
.pagelist li a			{padding:0 0 0 20px;display:table-cell;vertical-align:middle;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;-ms-transition:0.5s ease 0s;}
.pagelist li h3			{font-size:16px;font-weight:bold;font-family:"Yu Gothic Bold";color:#fff;letter-spacing:0.1em;}
.pagelist li p			{margin-top:10px;font-size:12px;font-weight:bold;font-family:"Yu Gothic Bold";color:#fff;line-height:1.4;letter-spacing:0.1em;}
.pagelist li span		{display:block;position:absolute;right:10px;bottom:10px;}
.pagelist li span a		{padding:0 0 0 10px;background:url(../img/arrow01.png) no-repeat 0 1px!important;color:#fff;font-size:12px;font-weight:bold;letter-spacing:0.1em;}

.pagelist li.a01 a	{background:url(../img/pagelist_img02.jpg) no-repeat top left;}
.pagelist li.a02 a	{background:url(../img/pagelist_img03.jpg) no-repeat top left;}
.pagelist li.a03 a	{background:url(../img/pagelist_img04.jpg) no-repeat top left;}
.pagelist li.a04 a	{background:url(../img/pagelist_img01.jpg) no-repeat top left;}

.pagelist li a:hover 	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}





/* お知らせ topnews
 ------------------------------------------ */

.topnews			{margin-top:40px;padding:60px 0;background:url(../img/news_bg.png) repeat-x top left;}
.topnews section	{display:table;}

.topnews .inleft	{padding:0 50px;display:table-cell;width:140px;border-left:solid 1px #020041;border-right:solid 1px #020041;vertical-align:middle;}
.topnews .inright	{padding:0 50px;display:table-cell;border-right:solid 1px #020041;}

.topnews h2			{font-size:18px;font-weight:bold;color:#020041;letter-spacing:0.05em;}
.topnews h2 span	{padding:0 0 0 15px;font-size:14px;font-weight:bold;}
.topnews p			{margin-top:15px;letter-spacing:0.1em;}
.topnews p a		{padding:0 0 0 10px;font-size:12px;font-weight:bold;background:url(../img/arrow03.png) no-repeat 0 center;}

.topnews dt		{margin-top:20px;padding:2px 0 0 0;float:left;clear:right;width:110px;font-size:12px;color:#020041;}
.topnews dd		{margin-top:20px;font-size:14px;}
.topnews dd a	{color:#020041;}


/* メリット
 ------------------------------------------ */
.meritarea {border-bottom:1px solid #ccc;padding-bottom:25px;margin-bottom: 40px;}
.meritarea h2 {margin-top: 60px!important;border-left:5px solid #555;padding-left: 10px;}


/* ブレイクイメージ topBg
 ------------------------------------------ */

.topBg	{background:url(../img/top_bg.jpg) no-repeat top center;background-size:cover;height:310px;}




/* トップコンバージョン conv
 ------------------------------------------ */

.top .conv					{padding:60px 0;background:url(../img/news_bg.png) repeat-x top left;min-width:1000px;}
.top .conv h1				{text-align:center;line-height:0;}
.top .conv ul				{margin-top:20px;padding:16px;background:url(../img/convertion_bg.png) repeat left top;}
.top .conv li				{margin-left:14px;float:left;line-height:0;}
.top .conv li:first-child	{margin-left:0;}
.top .conv li a				{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;-ms-transition:0.5s ease 0s;}
.top .conv li a:hover 		{
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}





/* アクセス topAccess
 ------------------------------------------ */

.topAccess				{padding:60px 0 0 0;background:url(../img/news_bg.png) repeat-x top left;}
.topAccess h1			{text-align:center;font-size:22px;font-weight:bold;color:#020041;line-height:1;letter-spacing:0.05em;}
.topAccess p			{margin-top:25px;text-align:center;font-size:14px;line-height:1;letter-spacing:0.05em;}
.topAccess .map			{margin-top:40px;}
.topAccess .map iframe	{width:100%;}






/* 下層 *******************************

 ********************************** */





/* サブメインビジュアル
 ------------------------------------------ */

.subMain			{margin:92px auto 0 auto;width:100%;height:260px;background:url(../img/submain.jpg) no-repeat top center;}
.subMain section	{display:table;height:260px;}
.subMain .catch		{display:table-cell;vertical-align:middle;}
.subMain h1			{font-size:30px;font-weight:bold;color:#fff;font-family:"Yu Gothic Bold";letter-spacing:0.1em;}
.subMain p			{margin-top:25px;font-size:16px;font-weight:bold;color:#fff;font-family:"Yu Gothic Bold";letter-spacing:0.1em;}



/* サブコンバージョン conv
 ------------------------------------------ */

.sub .conv					{margin-top:60px;padding:60px 0 0 0;background:url(../img/news_bg.png) repeat-x top left;min-width:1000px;}
.sub .conv h1				{text-align:center;line-height:0;}
.sub .conv ul				{margin-top:20px;padding:16px;background:url(../img/convertion_bg.png) repeat left top;}
.sub .conv li				{margin-left:14px;float:left;line-height:0;}
.sub .conv li:first-child	{margin-left:0;}
.sub .conv li a				{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;-ms-transition:0.5s ease 0s;}
.sub .conv li a:hover 		{
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}


/* 下層遷移ボタン */

ul.pagelink					{margin-top:50px;text-align:center;letter-spacing:-0.4em;}
ul.pagelink li				{margin-left:20px;letter-spacing:normal;display:inline-block;}
ul.pagelink li:first-child	{margin-left:0;}
ul.pagelink li a			{padding:20px 30px;border:solid 1px #020041;display:block;line-height:1;letter-spacing:0.1em;background:url(../img/arrow02.png) no-repeat 96% center;font-family:"Yu Gothic Bold";}
ul.pagelink li a:hover		{background:url(../img/arrow05.png) no-repeat 96% center #020041;color:#fff;}





/* 会社概要
 ------------------------------------------ */

.aboutRead				{margin-top:50px;}
.aboutRead .inleft		{float:left;width:485px;}
.aboutRead .inleft h2	{margin:0 0 20px 0;font-size:22px;font-weight:bold;font-family:"Yu Mincho";}
.aboutRead .inleft p	{font-size:14px;line-height:1.7;letter-spacing:0.1em;}
.aboutRead .inright		{float:right;width:485px;}
.aboutRead .inright	p	{line-height:0;}

.aboutservice			{margin-top:60px;min-width:1000px;}
.aboutservice h2		{margin:0 0 35px 0;padding:20px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.aboutservice h2 span	{padding:1px 0 0 10px;font-size:20px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.aboutservice h3		{padding:0 0 20px 0;font-size:18px;font-weight:bold;line-height:1;color:#020041;border-bottom:solid 1px #020041;letter-spacing:0.1em;}
.aboutservice p			{margin-top:25px;font-size:13px;line-height:1.6;color:#020041;letter-spacing:0.06em;}
.aboutservice .inleft	{float:left;width:490px;}
.aboutservice .inright	{float:right;width:490px;}

.aboutservice ul					{margin-top:30px;}
.aboutservice li					{margin:0 0 20px 20px;width:235px;float:left;background:url(../img/arrow02.png) no-repeat 96% center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;-ms-transition:0.5s ease 0s;}
.aboutservice li:nth-child(2n+1)	{margin-left:0;}
.aboutservice li a					{padding:0 0 0 80px;display:table;width:155px;height:76px;line-height:76px;border:solid 1px #020041;font-size:13px;color:#020041;font-family:"Yu Gothic Bold";}

.aboutservice li.sosho a	{background:url(../img/icon_sosho.png) no-repeat 20px center;}
.aboutservice li.saiken a	{background:url(../img/icon_saiken.png) no-repeat 20px center;}
.aboutservice li.keiyaku a	{background:url(../img/icon_keiyaku.png) no-repeat 20px center;}
.aboutservice li.komon a	{background:url(../img/icon_komon.png) no-repeat 20px center;}
.aboutservice li.sonota a	{background:url(../img/icon_sonota.png) no-repeat 30px center;}

.aboutservice li.rikon a	{background:url(../img/icon_rikon.png) no-repeat 20px center;}
.aboutservice li.souzoku a	{background:url(../img/icon_souzoku.png) no-repeat 15px center;}
.aboutservice li.keiji a	{background:url(../img/icon_keiji.png) no-repeat 25px center;}
.aboutservice li.songai a	{background:url(../img/icon_songai.png) no-repeat 30px center;}

.aboutservice li:hover 	{
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}

.gaiyouArea				{margin-top:50px;}
.gaiyouArea .inleft		{float:left;width:485px;}
.gaiyouArea h2			{margin:0 0 35px 0;padding:20px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.gaiyouArea h2 span		{padding:1px 0 0 10px;font-size:20px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.gaiyouArea h3			{margin:35px 0 0 0;font-size:16px;font-weight:bold;color:#020041;}
.gaiyouArea .inleft p	{margin:10px 0 0 20px;font-size:14px;line-height:1.4;letter-spacing:0.1em;}
.gaiyouArea .inright	{float:right;width:485px;}


/* 不動産事業
 ------------------------------------------------------------------ */
a.meritbanner {min-height:60px;display: inline-block;width: 44%;border:1px solid #ccc;padding:2%;margin-bottom: 5px;text-align: center;}
a.activeboxbanner {min-height:60px;display: inline-block;width: 44%;border:1px solid #ccc;padding:2%;margin-bottom: 5px;text-align: center;}
a.abcbanner {min-height:60px;display: inline-block;width: 44%;border:1px solid #ccc;padding:2%;margin-bottom: 5px;text-align: center;}
a.flowbanner {min-height:60px;display: inline-block;width: 44%;border:1px solid #ccc;padding:2%;margin-bottom: 5px;text-align: center;}
.txt001 {text-align: center;font-weight: bold;font-size: 125%;display: block;color: midnightblue;text-align: center;margin-bottom: 20px;}

a:hover.meritbanner,a:hover.activeboxbanner,a:hover.abcbanner,a:hover.flowbanner {background-color: #f2f2f2;}


.sentence {margin-bottom:20px;text-align: center;display: block;}


/* お問い合わせ contact
 ------------------------------------------------------------------ */

.contact			{margin-top:50px;min-width:1000px;}
.contact h2			{margin:50px 0 35px 0;padding:20px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.contact h2 span	{padding:1px 0 0 10px;font-size:20px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.contact h3			{margin:0 0 30px 0;padding:0 0 20px 0;font-size:18px;font-weight:bold;line-height:1;color:#020041;border-bottom:solid 1px #020041;letter-spacing:0.1em;}
.contact p.tel		{margin:0 0 0 0;font-size:18px;font-weight:bold;line-height:1;color:#020041;letter-spacing:0.1em;}
.contact p			{margin-top:10px;font-size:14px;line-height:1.7;letter-spacing:0.07em;color:#020041;}

.contact table					{margin-top:30px;width:100%;}
.contact th						{padding:30px 0;border-top:solid 1px #d8d8d8;font-weight:bold;line-height:1;letter-spacing:0.2em;font-family:"Yu Gothic Bold";vertical-align:top;width:250px;}
.contact td						{padding:30px 0;border-top:solid 1px #d8d8d8;}
.contact td.sendcell			{padding:40px 0;text-align:center;}
.contact td input				{padding:10px;border:solid 1px #d8d8d8;width:90%;}
.contact td ul.list				{margin-bottom:-20px;}
.contact td ul.list li			{margin:0 0 20px 0;display:inline-block;vertical-align:top;width:30%;}
.contact td ul.list li input	{width:auto;}
.contact td textarea			{padding:10px;width:90%;border:solid 1px #d8d8d8;}
.contact td.sendcell input		{
padding:30px 0;
width:30%;
font-size:16px;
font-family:"Yu Gothic Bold";
letter-spacing:0.2em;
border:none;
background:#020041;
color:#fff;
transition:0.5s ease 0s;
-webkit-transition:0.5s ease 0s;
-moz-transition:0.5s ease 0s;
-ms-transition:0.5s ease 0s;
}
.contact td.sendcell input:hover	{
cursor:pointer;
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}

.privacy h2,.privacy h3 {font-size: 120%;font-weight: bold;}
.privacy li {margin-left: 2em!important;}

.contact td.sendcell .displayNone				{display:none;}
.contact td.sendcell .accordion					{margin:30px 0 10px;}
.contact td.sendcell .switch					{margin:0 auto 0 auto;padding:30px 0;width:30%;font-weight:bold;border: 1px solid #ccc;text-align:center;background:url(../img/arrow02.png) no-repeat 90% center;}
.contact td.sendcell .switch:hover				{cursor:pointer;}
.contact td.sendcell .open						{background:url(../img/arrow04.png) no-repeat 90% center #020041;color:#fff!important;border:none;}
.contact td.sendcell .contentWrap				{padding:30px 40px;text-align:left;border:solid 1px #020041;position:relative;}
.contact td.sendcell .contentWrap h3			{margin-top:30px;}
.contact td.sendcell .contentWrap h3 span		{font-size:18px;font-weight:bold;line-height:1;color:#020041;letter-spacing:0.1em;}
.contact td.sendcell .contentWrap ul			{margin:20px 0 0 20px;}
.contact td.sendcell .contentWrap li			{margin:10px 0 0 0;list-style:disc;}
.contact td.sendcell .contentWrap .check		{margin-top:50px;padding-top:30px;border-top:solid 1px #d8d8d8;text-align:center;}
.contact td.sendcell .contentWrap input			{width:auto;vertical-align:-1px;position:relative;left:-3px;}
.contact td.sendcell .contentWrap label			{font-weight:bold;letter-spacing:0.1em;}
.contact td.sendcell .contentWrap label:hover	{cursor:pointer;}
.contact td.sendcell .close						{margin-top:30px;padding-top:30px;border-top:solid 1px #d8d8d8;text-align:right;font-weight:bold;font-family:"Yu Gothic Bold";display:inline-block;width:100%;}
.contact td.sendcell .close:hover				{cursor:pointer;}

.bukken input {width:60%!important;margin-bottom: 5px;}
.bukken {line-height: 2.0;}



b {font-weight: bold;font-size: 115%;}


/* サイトマップ
 ------------------------------------------ */

.sitemap			{margin-top:50px;}
.sitemap			{margin-top:60px;min-width:1000px;}
.sitemap h2			{margin:50px 0 35px 0;padding:20px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.sitemap h2 span	{padding:1px 0 0 10px;font-size:20px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.sitemap h3			{margin-top:50px;padding:0 0 20px 0;font-size:18px;font-weight:bold;line-height:1;color:#020041;border-bottom:solid 1px #020041;letter-spacing:0.1em;}
.sitemap p			{margin-top:25px;font-size:13px;line-height:1.6;color:#020041;letter-spacing:0.06em;}



.sitemap ul.nor					{margin-top:30px;}
.sitemap ul.nor li				{margin:0 0 20px 10px;width:192px;float:left;background:url(../img/arrow02.png) no-repeat 96% center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;-ms-transition:0.5s ease 0s;}
.sitemap ul.nor li:first-child	{margin-left:0;}
.sitemap ul.nor li a			{padding:0 15px;display:table;width:160px;height:76px;line-height:76px;border:solid 1px #020041;font-size:13px;color:#020041;font-family:"Yu Gothic Bold";}

.sitemap ul.pictogram		{margin-top:30px;}
.sitemap ul.pictogram li	{
margin:0 0 20px 10px;
width:192px;
float:left;
background:url(../img/arrow02.png) no-repeat 96% center;
transition:0.5s ease 0s;
-webkit-transition:0.5s ease 0s;
-moz-transition:0.5s ease 0s;
-ms-transition:0.5s ease 0s;
}
.sitemap ul.pictogram li:first-child	{margin-left:0;}
.sitemap ul.pictogram li a				{padding:0 0 0 80px;display:table;width:110px;height:76px;line-height:76px;border:solid 1px #020041;font-size:13px;color:#020041;font-family:"Yu Gothic Bold";}

.sitemap li.sosho a		{background:url(../img/icon_sosho.png) no-repeat 20px center;}
.sitemap li.saiken a	{background:url(../img/icon_saiken.png) no-repeat 20px center;}
.sitemap li.keiyaku a	{background:url(../img/icon_keiyaku.png) no-repeat 20px center;}
.sitemap li.komon a		{background:url(../img/icon_komon.png) no-repeat 20px center;}
.sitemap li.sonota a	{background:url(../img/icon_sonota.png) no-repeat 30px center;}

.sitemap li.rikon a		{background:url(../img/icon_rikon.png) no-repeat 20px center;}
.sitemap li.souzoku a	{background:url(../img/icon_souzoku.png) no-repeat 15px center;}
.sitemap li.keiji a		{background:url(../img/icon_keiji.png) no-repeat 25px center;}
.sitemap li.songai a	{background:url(../img/icon_songai.png) no-repeat 30px center;}

.sitemap li:hover 	{
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}


/* コラム
 ------------------------------------------ */
.column_body p {font-size: 110%;line-height: 1.7;}
.column_body h3 {font-weight: bold;font-size: 150%;border-bottom:1px dotted #ccc;color: darkblue;margin:40px 0 20px 0;padding-bottom: 5px;}
.column_body h2 {font-size: 200%;font-weight: bold;padding-bottom:10px;width: 60%;text-align: center;border-bottom:2px solid #555;display: block;margin:20px auto 50px auto;}







/* ======================================================================= */










/* ◆ SP CSS ◆ -----------------------------------■■

				MAX:768px

---------------------------------------------------- */




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







/* TOP
 ------------------------------------------ */


/* メインビジュアル */

#container {width:100%;text-align:center;}

/* fullSlideShow
--------------------------- */

.fullSlideShow				{width:100%;text-align:left;position:relative;overflow:hidden;}
.fullSlideShow ul			{top:50%;left:50%;width:100%;position:absolute; /* absolute or fixed */overflow:hidden;}
.fullSlideShow ul li		{top:0;left:0;width:100%;height:100%;display:none;position:absolute;}
.fullSlideShow ul li img	{width:100%;}


.fullSlideShow ul li .txtBox			{margin:0 auto;width:90%;}

.fullSlideShow ul li.viewList1 p		{margin:0 auto;top:40%;left:0%;right:0%;position:absolute;z-index:9999;width:16%;font-size:18px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:0.1em;text-align:center;font-family:"Yu Gothic Bold";}
.fullSlideShow ul li.viewList1 p span	{margin-top:10px;display:block;font-size:13px;font-weight:bold;color:#fff;line-height:1.7;font-family:"Yu Gothic Bold";}

.fullSlideShow ul li.viewList2 p		{margin:0 auto;top:40%;left:0%;right:0%;position:absolute;z-index:9999;width:16%;font-size:18px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:0.1em;text-align:center;font-family:"Yu Gothic Bold";}
.fullSlideShow ul li.viewList2 p span	{margin-top:10px;display:block;font-size:13px;font-weight:bold;color:#fff;line-height:1.7;font-family:"Yu Gothic Bold";}

.fullSlideShow ul li.viewList3 p		{margin:0 auto;top:40%;left:0%;right:0%;position:absolute;z-index:9999;width:16%;font-size:18px;font-weight:bold;color:#fff;line-height:1.4;letter-spacing:0.1em;text-align:center;font-family:"Yu Gothic Bold";}
.fullSlideShow ul li.viewList3 p span	{margin-top:10px;display:block;font-size:13px;font-weight:bold;color:#fff;line-height:1.7;font-family:"Yu Gothic Bold";}


/* PagiNation
--------------------------- */
.pagiNation {
bottom:30px;
right:30px;
width:auto;
height:15px;
text-align:center;
position:absolute; /* absolute or fixed */
z-index:110; /* 非表示にする場合は「90」以下に */
visibility:visible; /* 非表示にする場合は「hidden」に */
}

.pagiNation a {
margin:0 5px;
width:31px;
height:6px;
display:inline-block;
overflow:hidden;
background:url(../img/pagination_off.png) no-repeat;
}
.pagiNation a.pnActive {
background:url(../img/pagination_on.png) no-repeat;
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
opacity:1!important;
}

.fullSlideShow ul:after {
content:".";
height:0;
clear:both;
display:block;
visibility:hidden;
}
.fullSlideShow ul {
display:inline-block;
overflow:hidden;
}






/* pagelist
 ------------------------------------------ */

.pagelist				{margin:3% auto 0 auto;min-width:auto;width:94%!important;max-width:480px;}
.pagelist li			{margin:0 0 2% 2%;float:left;width:49%;height:120px;display:table;position:relative;}
.pagelist li a			{padding:0 3% 0 3%;display:table-cell;vertical-align:middle;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s;-ms-transition:0.5s ease 0s;}
.pagelist li h3			{font-size:13px;font-weight:bold;font-family:"Yu Gothic Bold";color:#fff;letter-spacing:0.05em;line-height:1.4;text-align:center;}
.pagelist li p			{display:none;}
.pagelist li span		{display:block;position:absolute;right:10px;bottom:10px;}
.pagelist li span a		{padding:0 0 0 10px;background:url(../img/arrow01.png) no-repeat 0 1px!important;color:#fff;font-size:12px;font-weight:bold;letter-spacing:0.1em;}

.pagelist li.large		{margin-left:0;width:100%;height:240px;}
.pagelist li.large a	{padding-bottom:0;background:url(../img/pagelist_img01.jpg) no-repeat top left;vertical-align:middle;}

.pagelist li.rikon a	{background:url(../img/pagelist_img02.jpg) no-repeat top left;}
.pagelist li.souzoku a	{background:url(../img/pagelist_img03.jpg) no-repeat top left;}
.pagelist li.keiji a	{background:url(../img/pagelist_img04.jpg) no-repeat top left;}
.pagelist li.kigyou a	{background:url(../img/pagelist_img05.jpg) no-repeat top left;}

.pagelist li a:hover 	{
opacity:.5;
-webkit-opacity:.5;
-moz-opacity:.5;
filter:alpha(opacity=50);
-ms-filter:"alpha(opacity=50)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}

.pagelist li:nth-child(2)	{margin-left:0;}
.pagelist li:nth-child(4)	{margin-left:0;}

/* ピクトグラムバナー topservice
 ------------------------------------------ */

.topservice				{margin-top:40px;padding:0 2%;min-width:auto;}
.topservice	h2			{padding:0 0 10px 0;font-size:18px;font-weight:bold;line-height:1;color:#020041;border-bottom:solid 1px #020041;letter-spacing:0.1em;}
.topservice	p			{margin-top:15px;font-size:13px;line-height:1.6;color:#020041;letter-spacing:0.06em;}
.topservice .inleft		{float:none;width:auto;}
.topservice .inright	{margin-top:30px;float:none;width:auto;}

.topservice ul					{margin-top:20px;}
.topservice li					{margin:0 0 2% 2%;width:49%;float:left;background:url(../img/arrow02.png) no-repeat 94% center / 4px;}
.topservice li:nth-child(2n+1)	{margin-left:0;}
.topservice li a				{padding:0 0 0 5%;display:table;width:94%;height:50px;line-height:50px;border:solid 1px #020041;font-size:12px;text-align:center;color:#020041;font-family:"Yu Gothic Bold";}

.topservice li.sosho a		{background:url(../img/icon_sosho.png) no-repeat 6% center / 26px;}
.topservice li.saiken a		{background:url(../img/icon_saiken.png) no-repeat 6% center / 26px;}
.topservice li.keiyaku a	{background:url(../img/icon_keiyaku.png) no-repeat 6% center / 24px;}
.topservice li.komon a		{background:url(../img/icon_komon.png) no-repeat 6% center / 26px;}
.topservice li.sonota a		{background:url(../img/icon_sonota.png) no-repeat 6% center / 23px;}

.topservice li.rikon a		{background:url(../img/icon_rikon.png) no-repeat 6% center / 20px;}
.topservice li.souzoku a	{background:url(../img/icon_souzoku.png) no-repeat 6% center / 24px;}
.topservice li.keiji a		{background:url(../img/icon_keiji.png) no-repeat 6% center / 26px;}
.topservice li.songai a		{background:url(../img/icon_songai.png) no-repeat 6% center / 20px;}

.topservice li:hover 	{
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}





/* お知らせ topnews
 ------------------------------------------ */

.topnews			{margin-top:40px;padding:40px 3%;background:url(../img/news_bg.png) repeat-x top left;}
.topnews section	{display:block;}

.topnews .inleft	{padding:0 50px;display:block;width:auto;border:none;vertical-align:middle;}
.topnews .inright	{margin-top:20px;padding:20px 0 0 0;display:block;border-top:solid 1px #020041;border-right:none;}

.topnews h2			{font-size:18px;font-weight:bold;color:#020041;letter-spacing:0.05em;}
.topnews h2 span	{padding:0 0 0 15px;font-size:14px;font-weight:bold;}
.topnews p			{margin-top:15px;letter-spacing:0.1em;}
.topnews p a		{padding:0 0 0 10px;font-size:12px;font-weight:bold;background:url(../img/arrow03.png) no-repeat 0 center;}

.topnews dt		{margin:20px 0 5px 0;padding:2px 0 0 0;float:none;clear:right;width:auto;font-size:12px;color:#020041;}
.topnews dd		{margin-top:5px;font-size:12px;}
.topnews dd a	{color:#020041;line-height:1.4;font-size:12px;}





/* ブレイクイメージ topBg
 ------------------------------------------ */

.topBg	{background:url(../img/top_bg.jpg) no-repeat top center;background-size:cover;height:120px;}




/* コンバージョン conv
 ------------------------------------------ */

.top .conv					{padding:40px 2%;background:url(../img/news_bg.png) repeat-x top left;min-width:auto;}
.top .conv h1				{text-align:center;line-height:0;max-width:496px;}
.top .conv h1 img			{width:100%;}
.top .conv ul				{margin-top:10px;padding:2% 2% 1.5% 2%;background:url(../img/convertion_bg.png) repeat left top;display:table;}
.top .conv li				{margin-left:14px;padding:0 0 0 1%;float:none;line-height:0;display:table-cell;}
.top .conv li:first-child	{margin-left:0;padding:0 1% 0 0;}
.top .conv li img			{width:100%;}




/* アクセス topAccess
 ------------------------------------------ */

.topAccess				{padding:40px 0 0 0;background:url(../img/news_bg.png) repeat-x top left;}
.topAccess h1			{text-align:center;font-size:18px;font-weight:bold;color:#020041;line-height:1;letter-spacing:0.05em;}
.topAccess p			{margin-top:15px;padding:0 3%;text-align:center;font-size:12px;line-height:1.4;letter-spacing:0.05em;}
.topAccess .map			{margin-top:20px;}
.topAccess .map iframe	{width:100%;height:200px;}








/* 下層 *******************************

 ********************************** */





/* サブメインビジュアル
 ------------------------------------------ */

.subMain			{margin:0 auto 0 auto;width:auto;height:200px;background:url(../img/submain.jpg) no-repeat top center;background-size:cover;}
.subMain section	{display:table;height:200px;}
.subMain .catch		{display:table-cell;vertical-align:middle;}
.subMain h1			{font-size:20px;font-weight:bold;color:#fff;font-family:"Yu Gothic Bold";letter-spacing:0;}
.subMain p			{margin-top:10px;font-size:14px;font-weight:bold;color:#fff;font-family:"Yu Gothic Bold";letter-spacing:0;}



/* サブコンバージョン conv
 ------------------------------------------ */

.sub .conv					{margin-top:30px;padding:40px 2% 0 2%;background:url(../img/news_bg.png) repeat-x top left;min-width:auto;}
.sub .conv h1				{text-align:center;line-height:0;max-width:496px;}
.sub .conv h1 img			{width:100%;}
.sub .conv ul				{margin-top:10px;padding:2% 2% 1.5% 2%;background:url(../img/convertion_bg.png) repeat left top;display:table;}
.sub .conv li				{margin-left:14px;padding:0 0 0 1%;float:none;line-height:0;display:table-cell;}
.sub .conv li:first-child	{margin-left:0;padding:0 1% 0 0;}
.sub .conv li img			{width:100%;}




/* 下層遷移ボタン */

ul.pagelink					{margin-top:30px;padding:2%;text-align:center;letter-spacing:-0.4em;}
ul.pagelink li				{margin:-1px 0 0 0;letter-spacing:normal;display:block;width:100%;}
ul.pagelink li:first-child	{margin:0;}
ul.pagelink li a			{padding:20px 30px;border:solid 1px #020041;display:block;font-size:13px;line-height:1;letter-spacing:0.1em;background:url(../img/arrow02.png) no-repeat 96% center;font-family:"Yu Gothic Bold";}
ul.pagelink li a:hover		{background:url(../img/arrow02.png) no-repeat 96% center #fff;color:#020041;}





/* 事務所のご案内
 ------------------------------------------ */

.aboutRead					{margin-top:20px;padding:0 2%;}
.aboutRead .inleft			{float:none;width:auto;}
.aboutRead .inleft h2		{margin:0 0 20px 0;font-size:18px;font-weight:bold;font-family:"Yu Mincho";line-height:1.4;}
.aboutRead .inleft p		{font-size:13px;line-height:1.6;letter-spacing:0em;}
.aboutRead .inright			{margin-top:10px;float:none;width:auto;}
.aboutRead .inright	p		{line-height:0;}
.aboutRead .inright	p img	{width:100%;}

.aboutservice			{margin-top:30px;padding:0 2%;min-width:auto;}
.aboutservice h2		{margin:0 0 30px 0;padding:15px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.aboutservice h2 span	{padding:3px 0 0 10px;font-size:16px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.aboutservice h3		{padding:0 0 10px 0;font-size:14px;font-weight:bold;color:#020041;letter-spacing:0.05em;border-bottom:solid 1px #020041;}
.aboutservice p			{margin-top:15px;font-size:13px;line-height:1.6;color:#020041;letter-spacing:0.06em;}
.aboutservice .inleft	{float:none;width:auto;}
.aboutservice .inright	{margin-top:30px;float:none;width:auto;}

.aboutservice ul					{margin-top:20px;}
.aboutservice li					{margin:0 0 2% 2%;width:49%;float:left;background:url(../img/arrow02.png) no-repeat 94% center / 4px;}
.aboutservice li:nth-child(2n+1)	{margin-left:0;}
.aboutservice li a					{padding:0 0 0 5%;display:table;width:94%;height:50px;line-height:50px;border:solid 1px #020041;font-size:12px;text-align:center;color:#020041;font-family:"Yu Gothic Bold";}

.aboutservice li.sosho a	{background:url(../img/icon_sosho.png) no-repeat 6% center / 26px;}
.aboutservice li.saiken a	{background:url(../img/icon_saiken.png) no-repeat 6% center / 26px;}
.aboutservice li.keiyaku a	{background:url(../img/icon_keiyaku.png) no-repeat 6% center / 24px;}
.aboutservice li.komon a	{background:url(../img/icon_komon.png) no-repeat 6% center / 26px;}
.aboutservice li.sonota a	{background:url(../img/icon_sonota.png) no-repeat 6% center / 23px;}

.aboutservice li.rikon a	{background:url(../img/icon_rikon.png) no-repeat 6% center / 20px;}
.aboutservice li.souzoku a	{background:url(../img/icon_souzoku.png) no-repeat 6% center / 24px;}
.aboutservice li.keiji a	{background:url(../img/icon_keiji.png) no-repeat 6% center / 26px;}
.aboutservice li.songai a	{background:url(../img/icon_songai.png) no-repeat 6% center / 20px;}

.aboutservice li:hover 	{
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}

.gaiyouArea					{margin-top:30px;padding:0 2%;}
.gaiyouArea .inleft			{float:none;width:auto;}
.gaiyouArea h2				{margin:0 0 35px 0;padding:15px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.gaiyouArea h2 span			{padding:3px 0 0 10px;font-size:16px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;line-height:1;}
.gaiyouArea h3				{margin:20px 0 0 0;font-size:14px;font-weight:bold;color:#020041;}
.gaiyouArea .inleft p		{margin:5px 0 0 20px;font-size:13px;line-height:1.4;letter-spacing:0.1em;}
.gaiyouArea .inright		{margin-top:20px;float:none;width:auto;}
.gaiyouArea .inright iframe	{width:100%;height:160px;}




/* お問い合わせ contact
 ------------------------------------------------------------------ */

.contact			{margin-top:30px;padding:0 2%;min-width:auto;}
.contact h2			{margin:30px 0 25px 0;padding:15px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.contact h2 span	{padding:3px 0 0 10px;font-size:15px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.contact h3			{margin:30px 0 20px 0;padding:0 0 10px 0;font-size:14px;font-weight:bold;color:#020041;letter-spacing:0.05em;border-bottom:solid 1px #020041;}
.contact p			{margin-top:0px;font-size:13px;line-height:1.6;letter-spacing:0.05em;color:#020041;}
.contact p.tel		{margin:0 0 0 0;font-size:18px;font-weight:bold;line-height:1;color:#020041;letter-spacing:0.1em;}

.contact table					{margin-top:30px;width:100%;}
.contact th						{padding:16px 3%;border-top:solid 1px #d8d8d8;background:#d8d8d8;font-size:13px;display:block;font-weight:bold;line-height:1;letter-spacing:0em;vertical-align:top;width:auto;}
.contact td						{padding:10px 0 20px 0;border-top:solid 1px #d8d8d8;display:block;}
.contact td input				{padding:10px;border:solid 1px #d8d8d8;width:92%;}
.contact td ul.list				{margin:-12px 0 0 0;}
.contact td ul.list li			{margin:14px 0 0 0;display:block;vertical-align:top;width:auto;}
.contact td ul.list li input	{width:auto;}
.contact td textarea			{padding:10px;width:90%;border:solid 1px #d8d8d8;}

.contact td.sendcell			{padding:20px 0;text-align:center;}
.contact td.sendcell input		{
margin:0 auto;
padding:20px 0;
width:90%;
font-size:14px;
font-family:"Yu Gothic Bold";
letter-spacing:0em;
border:none;
background:#020041;
color:#fff;
transition:0.5s ease 0s;
-webkit-transition:0.5s ease 0s;
-moz-transition:0.5s ease 0s;
-ms-transition:0.5s ease 0s;
}
.contact td.sendcell input:hover	{
cursor:pointer;
opacity:.4;
-webkit-opacity:.4;
-moz-opacity:.4;
filter:alpha(opacity=40);
-ms-filter:"alpha(opacity=40)";
-webkit-transition:opacity 1s ease-out;
-moz-transition:opacity 1s ease-out;
-ms-transition:opacity 1s ease-out;
transition:opacity 1s ease-out;
}



.contact td.sendcell .displayNone				{display:none;}
.contact td.sendcell .accordion					{margin:16px 0 10px;}
.contact td.sendcell .switch					{margin:0 auto 0 auto;padding:20px 0;width:90%;font-weight:bold;border: 1px solid #ccc;text-align:center;background:url(../img/arrow02.png) no-repeat 90% center;}
.contact td.sendcell .switch:hover				{cursor:pointer;}
.contact td.sendcell .open						{background:url(../img/arrow04.png) no-repeat 90% center #020041;color:#fff!important;border:none;}
.contact td.sendcell .contentWrap				{padding:5%;text-align:left;border:solid 1px #020041;position:relative;}
.contact td.sendcell .contentWrap h3			{margin:30px 0 20px 0;padding:0 0 10px 0;border-bottom:solid 1px #020041;display:table;width:100%;}
.contact td.sendcell .contentWrap h3 span		{padding:0 0 10px 0;font-size:14px;font-weight:bold;color:#020041;letter-spacing:0;line-height:1.2;display:table-cell;}
.contact td.sendcell .contentWrap ul			{margin:20px 0 0 20px;}
.contact td.sendcell .contentWrap li			{margin:10px 0 0 0;list-style:disc;}
.contact td.sendcell .contentWrap .check		{margin-top:50px;padding-top:30px;border-top:solid 1px #d8d8d8;text-align:center;}
.contact td.sendcell .contentWrap input			{width:auto;vertical-align:-1px;position:relative;left:-3px;}
.contact td.sendcell .contentWrap label			{font-weight:bold;letter-spacing:0;font-size:12px;}
.contact td.sendcell .contentWrap label:hover	{cursor:pointer;}
.contact td.sendcell .close						{margin-top:30px;padding-top:30px;border-top:solid 1px #d8d8d8;text-align:right;font-weight:bold;font-family:"Yu Gothic Bold";}
.contact td.sendcell .close:hover				{cursor:pointer;}







/* サイトマップ
 ------------------------------------------ */

.sitemap			{margin-top:30px;padding:0 2%;min-width:auto;}
.sitemap h2			{margin:30px 0 0 0;padding:15px 0;border-top:solid 1px #020041;border-bottom:solid 1px #020041;}
.sitemap h2 span	{padding:3px 0 0 10px;font-size:16px;font-weight:bold;color:#020041;letter-spacing:0.05em;display:block;border-left:solid 5px #020041;}
.sitemap p			{margin-top:15px;font-size:13px;line-height:1.6;color:#020041;letter-spacing:0.06em;}



.sitemap ul.nor						{margin-top:20px;}
.sitemap ul.nor li					{margin:0 0 2% 2%;width:49%;float:left;background:url(../img/arrow02.png) no-repeat 94% center / 4px;}
.sitemap ul.nor li:nth-child(2n+1)	{margin-left:0;}
.sitemap ul.nor li a				{padding:0 0 0 5%;display:table;width:94%;height:50px;line-height:50px;border:solid 1px #020041;font-size:12px;text-align:center;color:#020041;font-family:"Yu Gothic Bold";}

.sitemap ul.pictogram						{margin-top:20px;}
.sitemap ul.pictogram li					{margin:0 0 2% 2%;width:49%;float:left;background:url(../img/arrow02.png) no-repeat 94% center / 4px;}
.sitemap ul.pictogram li:nth-child(2n+1)	{margin-left:0;}
.sitemap ul.pictogram li a					{padding:0 0 0 5%;display:table;width:94%;height:50px;line-height:50px;border:solid 1px #020041;font-size:12px;text-align:center;color:#020041;font-family:"Yu Gothic Bold";}

.sitemap ul.pictogram li.sosho a	{background:url(../img/icon_sosho.png) no-repeat 6% center / 26px;}
.sitemap ul.pictogram li.saiken a	{background:url(../img/icon_saiken.png) no-repeat 6% center / 26px;}
.sitemap ul.pictogram li.keiyaku a	{background:url(../img/icon_keiyaku.png) no-repeat 6% center / 24px;}
.sitemap ul.pictogram li.komon a	{background:url(../img/icon_komon.png) no-repeat 6% center / 26px;}
.sitemap ul.pictogram li.sonota a	{background:url(../img/icon_sonota.png) no-repeat 6% center / 23px;}

.sitemap ul.pictogram li.rikon a	{background:url(../img/icon_rikon.png) no-repeat 6% center / 20px;}
.sitemap ul.pictogram li.souzoku a	{background:url(../img/icon_souzoku.png) no-repeat 6% center / 24px;}
.sitemap ul.pictogram li.keiji a	{background:url(../img/icon_keiji.png) no-repeat 6% center / 26px;}
.sitemap ul.pictogram li.songai a	{background:url(../img/icon_songai.png) no-repeat 6% center / 20px;}







/* 契約までの流れ */

.flowarea {width:80%!important;}






}