@charset "utf-8";

/*
************************************************************************
* 個別スタイル
*
* パーツなどの要素に対するスタイルを設定する
*
* @copyright Revolme Inc.
************************************************************************
*/

#mbileMenuWapper
{
	background-color:#FFFFFF;
}

/*
************************************************************************
 ボディ
************************************************************************
*/
body
{
	background-color:;

	color:;
	font-size:1.6rem;
	line-height: 1.7;
	letter-spacing: 0.10em;
}

/*
************************************************************************
 特殊フォント
************************************************************************
*/
.raleway
{
	//font-family: 'Raleway', sans-serif;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*
************************************************************************
 リンク配色
************************************************************************
*/
a
{
	color:#4398a7;
}

/*
************************************************************************
 ヘッダー
************************************************************************
*/
#wrapper #left
{
	background-color:#FFFFFF;
	box-shadow:2px 0px 2px 2px rgba(0,0,0,0.2);
}

#wrapper #left header
{
	margin:20px;
}

#logo
{
	text-align: center;
}

/*
************************************************************************
 メニュー
************************************************************************
*/
#main-menu
{
	margin:20px;
}

#main-menu .global_navi
{
	overflow:hidden;
	border-radius:5px;
	border:1px solid #CCCCCC;
	box-shadow:1px 1px 3px 0px rgba(0,0,0,0.3);
	background-color: #65abd8;
}

.menu-title
{
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;

	padding:0.5em 0px;

	color:#FFFFFF;
	background-color: #4398a7;
}

.menu-category
{
	font-size:1.1rem;
	font-weight:bold;
	padding:3px;

	color:#FFFFFF;
	background-color:#ea9c44;
}

ul.menu-list
{
	padding:10px;
}

ul.menu-list li
{
	display:block;
	padding:0px;
	margin:0px;
}

ul.menu-list li .menu-list-item
{
	display:inline-block;
	width:100%;

	padding:8px;

	font-size:1.4rem;
	font-weight:bold;

	background-color:#FFFFFF;
	border-top:1px solid #355672;
}

ul.menu-list li:first-child .menu-list-item
{
	border-top:0px solid transparent;
}

/*
************************************************************************
 フローティングボダン
************************************************************************
*/
.floatBtn
{
	display:none;
	position:fixed;
	right:0;

	width:70px;

	padding:10px;
	background-color:rgba(0,0,0,0.4);
	border-radius:4px 0px 0px 4px;
	cursor:pointer;

	font-size:1.2rem;
	text-align:center;
	color: #FFFFFF;
}

/*
************************************************************************
 ハンバーガーメニュー
************************************************************************
*/
#btnToggleMenu
{
	top:10px;
}

.hamburger,
.hamburger div {
	transition: all .4s;
}
.hamburger {
	position: relative;
	height:24px;
	width:100%;
}
.hamburger div {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #FFFFFF;
	border-radius: 4px;
	line-height:0px;
}
.hamburger div:nth-of-type(1) {
	top: 2px;
}
.hamburger div:nth-of-type(2) {
	top: 10px;
}
.hamburger div:nth-of-type(3) {
	bottom: 2px;
}

/*
************************************************************************
 ページTOPへ戻るボタン
************************************************************************
*/
#toTop
{
	display:block;
	bottom:50px;
}
.arrow{
	position:relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;

	width:40px;
	height:35px;

	overflow:hidden;
}
.arrow::before,
.arrow::after{
	position: absolute;
	margin: auto;
	content: "";
	vertical-align: middle;
	border-radius:3px;
}

.arrow::before{
	bottom:0;
	left:50%;
	margin-left:-4px;
	width: 8px;
	height: 30px;
	background: #FFFFFF;
}
.arrow::after{
	top:5px;
	right: 0;
	left: 0;
	width: 28px;
	height: 28px;
	border-top: 8px solid #FFFFFF;
	border-right: 8px solid #FFFFFF;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

/*
************************************************************************
 サイトキャッチコピー（TOPページ用H1）
************************************************************************
*/
.site-catchcopy
{
	padding:5px 10px;

	font-size:12px;
	font-size:1.2rem;
	background-color: #4398a7;
	color:#FFFFFF;
	/*background-image:url(/_img/realestate/bg.png);*/
}

/*
************************************************************************
 コンテンツタイトル
************************************************************************
*/
#contents .title_visual
{
	color:#FFFFFF;
	background-image:url(/_img/realestate/bg.png);
}

#contents .title_visual .row
{
	text-align:center;
}

#contents .title_visual h1
{

}

#contents .title_visual .accent
{
	display:inline-block;

	padding:0px 50px 0px 50px;
	margin-bottom:10px;

	font-size:4.8rem;
	font-weight:bold;

	color:#FFFFFF;

	border-bottom:1px solid #FFFFFF;
}

#contents .title_visual .title
{
	display:inline-block;

	/*font-weight:bold;*/

	color:#FFFFFF;
}

/*
************************************************************************
 コンテンツナビ
************************************************************************
*/
.contents_navi
{
	background-color:#355672;
}

.contents_navi nav
{

}

.contents_navi nav ul
{
	margin:0px;
	padding:0px;

	-js-display:flex;
	display:-webkit-flex;
	display:flex;

	-webkit-flex-direction:row;
	        flex-direction:row;
	-webkit-flex-wrap:nowrap;
	        flex-wrap:nowrap;
	-webkit-justify-content:space-between;
	        justify-content:space-between;
}

.contents_navi nav ul li
{
	margin:0px;
	padding:0px;
}

.contents_navi nav ul li a
{
	color:#FFFFFF;
	display:inline-block;
	padding:10px;
}


/*
************************************************************************
 段落
************************************************************************
*/
.section
{
	background-color:#FFFFFF;
}

.section.section-even
{
	background-color:#f3f3f3;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
}

.section.contents-title
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d0db00+0,47c400+32 */
	background: rgb(208,219,0); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(208,219,0,1) 0%, rgba(71,196,0,1) 32%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(208,219,0,1) 0%,rgba(71,196,0,1) 32%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(208,219,0,1) 0%,rgba(71,196,0,1) 32%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0db00', endColorstr='#47c400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.section.contents-title h1
{
	text-align:center;
}
.section.contents-title h1 .title-text
{
	color:#FFFFFF;
}
.section.contents-title h1 .accent
{
	display:inline-block;

	font-size:4.8rem;
	font-weight:bold;

	color:#FFFFFF;

	padding:0px 50px 3px 50px;
	margin-bottom:10px;

	border-bottom:1px solid #FFFFFF;
}


.section .title-1st
{
	text-align:center;
}
.section .title-1st .title-text
{
}
.section .title-1st .accent
{
	display:inline-block;

	font-size:3.6rem;
	font-weight:bold;

	color:#333;

	padding:0px 0px 0px 0px;
	margin-bottom:10px;

	border-bottom:3px solid #4398a7;

	/*width:100%;*/
	/*background-image:url(/_img/realestate/line.png);*/
	background-position:center bottom;
	background-repeat:no-repeat;
}

.section .title-2nd
{
	font-size:2.8rem;

	padding: .25em 0 .25em .75em;

	border-left: 6px solid #4398a7;
}

.section .title-3rd
{
	font-size:2.0rem;
	font-weight:bold;
}

.section .title-4th
{
	font-size:2.0rem;
	font-weight:bold;
}

.section .text
{
}

.section .text > p
{
	margin-top:1em;
	margin-bottom:1em;
}

.section .text .eye_catch_image
{
	float:left;
	width:320px;

	margin-right:35px;
	margin-bottom:35px;
}

.section .text .eye_catch_image.right
{
	float:right;
	margin-left:35px;
}

section.bnr-tel {
	text-align: center;
	background-color: #000;
}

/*
************************************************************************
 特徴ブロック
************************************************************************
*/
.feature
{

}

.feature-item
{
	float:left;
	width:30%;
	padding:20px;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
}

.feature-item .title
{
	font-size:2.0rem;
	color:#9c1618;
	font-weight:bold;
	text-align:center;
}

.feature-item .icon
{
	text-align:center;
}

.feature-item .sub-title
{
	font-weight:bold;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

.feature-item .copy
{
	font-size:1.3rem;
}

/*
************************************************************************
 コンテンツリンク
************************************************************************
*/
.contents-link
{
}

.contents-link .contents-link-item
{
	float:left;
	display:block;
	width:24%;

	border:1px solid #355672;
	background-color:#FFFFFF;
}

.contents-link .contents-link-item .thumbnail
{
	display:block;
}

.contents-link .contents-link-item .title
{
	display:block;
	margin:5px 10px;
	font-weight:bold;
}

.contents-link .contents-link-item .description
{
	display:block;
	margin:5px 10px;
	font-size:1.3rem;
}

.contents-link .contents-link-item:hover
{
	text-decoration:none;
	background-color:#9aaab8;
}

/*
************************************************************************
 バナー
************************************************************************
*/
.banner-area
{

}

.banner-item
{
	display:block;
	float:left;
	width:23%;
	box-shadow:3px 3px 5px 0px rgba(0,0,0,0.4);
}
.banner-item:hover img
{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

/*
************************************************************************
 電話申し込み
************************************************************************
*/
.tel-banner
{

}

.tel-banner .telno
{
	font-size:6.0rem;
	font-weight:bold;
	color:#9c1618;

	text-align:center;
	padding-right:0.5em;
}

/*
************************************************************************
 テーブル（レスポンシブ）
************************************************************************
*/
.table-responsive
{
}
.table-responsive > table
{
	width:100%;
	border-spacing:0px;
	border-collapse:separate;
	border:none;
	border-top:1px solid #355672;
	border-left:1px solid #355672;
	margin-bottom:1em;
}
.table-responsive > table tr th,
.table-responsive > table tr td
{
	padding:10px 15px;
	border-bottom:1px solid #355672;
	border-right:1px solid #355672;
}

.table-responsive > table tr td
{
	background-color:#FFFFFF;
	width:100%;
}

.table-responsive > table tr th
{
	background-color:#e6e6e6;
}
.table-responsive > table tr th > div
{
	min-width:300px;
}

/*
************************************************************************
 テーブル（スクロール）
************************************************************************
*/
.table-scroll
{
}
.table-scroll > table
{
	width:100%;
	min-width:780px;
	border-spacing:0px;
	border-collapse:separate;
	border:none;
	border-top:1px solid #355672;
	border-left:1px solid #355672;
	margin-bottom:1em;
}
.table-scroll > table tr th,
.table-scroll > table tr td
{
	padding:10px 15px;
	border-bottom:1px solid #355672;
	border-right:1px solid #355672;
}

.table-scroll > table tr td
{
	background-color:#FFFFFF;
}

.table-scroll > table tr th
{
	background-color:#e6e6e6;
}

.table-scroll > table tr th.width > div
{
	min-width:200px;
}

/*
************************************************************************
 手順・流れ
************************************************************************
*/
#contents .flow-wrapper
{

}

#contents .flow-wrapper .flow-item
{
	border-left:4px solid #9c1618;
	margin-left:calc((2.0rem*1.8/2) - 2px);
}

#contents .flow-title
{
	font-size:2.0rem;
	font-weight:bold;
	margin-left:calc((2.0rem*1.8/2)*-1);
}

#contents .flow-title .accent
{
	display:block;
	float:left;

	border-radius:100%;
	width:calc(2.0rem*1.8);
	height:calc(2.0rem*1.8);

	border:2px solid #9c1618;
	background-color:#9c1618;

	color:#FFFFFF;
	text-align:center;
}

#contents .flow-title .title
{
	display:block;
	margin-left:calc((2.0rem*1.8) + 10px);
	overflow:hidden;
}

#contents .flow-contents
{
	padding-left:1em;
	margin-left:calc((2.0rem*1.8/2) - 2px);
}

#contents .flow-wrapper .flow-item:last-child .flow-contents
{
	/*border-left:0px solid transparent;*/
}

/*
************************************************************************
 アクセスマップ
************************************************************************
*/
.map_container
{

}

/*
************************************************************************
 フッター
************************************************************************
*/
footer
{
	color:#FFFFFF;
	background-image:url(/_img/realestate/bg-footer.png);
}

footer a
{
	color:#FFFFFF;
}

/*
************************************************************************
 署名
************************************************************************
*/
footer .footer-sign
{
	float: left;
}
footer .footer-bnr {
	float: right;
}

footer .footer-sign .sign-copy
{

}

footer .footer-sign .sign-name
{
	font-weight:bold;
}

footer .footer-sign .sign-name .sub
{
	font-size:2.0rem;
}
/*
footer .footer-sign .sign-name .main
{
	font-size:4.8rem;
}
*/

footer .footer-sign .sign-contact
{
	font-size:2.8rem;
}

footer .footer-sign .sign-contact
{
	font-weight:bold;
}

footer .footer-sign .sign-contact .tag
{
	background-color:#4398a7;
	color:#FFFFFF;
	font-size:2.0rem;

	padding:0.2em 1.0em 0.0em 1.0em;
	border-radius:10px 0px 0px 10px;
}

/*
************************************************************************
 コピーライト
************************************************************************
*/
footer .copy
{
	text-align:center;
}

/*
************************************************************************
 フォーム
************************************************************************
*/
form .input-controll
{
}

form p.input-controll,
form input[type=text].input-controll,
form input[type=password].input-controll,
form select.input-controll,
form textarea.input-controll
{
	width:100%;

	padding:0.2em 0.5em;
	margin:0.2em 0px 0px 0px;

	border:1px solid #CCCCCC;
}
form input[type=checkbox].input-controll
{
	margin-right:5px;
}
form label.input-controll
{
	display:inline-block;
	margin-right:10px;
	margin-bottom:3px;
}

form input[type=text].input-controll:focus,
form input[type=password].input-controll:focus,
form select.input-controll:focus,
form textarea.input-controll:focus
{
	background-color:#FFF0F0;
}

form input[type=text].input-controll.error,
form input[type=password].input-controll.error,
form select.input-controll.error,
form textarea.input-controll.error
{
	border-color:#E00000;
}

input[type=button].button,
input[type=submit].button,
button.button,
a.button
{
	display:inline-block;
	cursor:pointer;
	border-radius:5px;

	padding:0.2em 1em;
	margin:3px;

	font-size:20px;
	font-size:2.0rem;

	text-shadow:1px 1px 0px rgba(255,255,255,1.0);

	background-color:#E0E0E0;
	border:1px solid #999999;
	box-shadow:2px 2px 0px rgba(0,0,0,0.3);
}

input[type=button].button-small,
input[type=submit].button-small,
button.button-small,
a.button-small
{
	padding:0.2em 1em;
	margin:3px;

	font-size:15px;
	font-size:1.5rem;
}

input[type=button].button:hover,
input[type=submit].button:hover,
button.button:hover,
a.button:hover
{
	background-color:#FFFFFF;
	box-shadow:0px 0px 0px rgba(0,0,0,0.3);
}



/*
************************************************************************
 モバイル用メニュー
************************************************************************
*/
#mobileMenu
{
	display:none;
	position:fixed;
}



/* ################################################################################################ */
/* ## タブレットサイト用スタイル ################################################################## */
/* ################################################################################################ */
@media screen and (max-width: 1400px) {
	.floatBtn
	{
		display:block;
	}

	/*
	************************************************************************
	 ヘッダー
	************************************************************************
	*/
	#wrapper #left header
	{
		margin:15px;
	}

	#logo
	{
		width:180px;
	}
}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width: 640px) {

	body
	{
		font-size:2.4rem;
	}

	/*
	************************************************************************
	 ヘッダー
	************************************************************************
	*/
	#wrapper #left header
	{
		margin:3.125%;
	}

	#logo
	{
		width:33%;
	}

	/*
	************************************************************************
	 モバイル用メニュー
	************************************************************************
	*/
	#wrapper
	{
		padding-bottom:13vw;
	}
	#btnToggleMenu
	{
		display:none;
	}
	#mobileMenu
	{
		display:block;
		position:fixed;
		widht:100%;
		overflow:hidden;

		margin:auto;
		bottom:0px;
		left:0px;
		right:0px;

		background-color:#2f4c64;
	}

	#mobileMenu ul
	{
		list-style:none;
		margin:0px;
		padding:0px;
	}

	#mobileMenu ul li
	{
		list-style:none;
		display:block;
		float:left;
		margin:0px;
		padding:0px;
		width:80%;
		height:13vw;
		overflow:hidden;

		border-right:1px solid #FFFFFF;
	}
	#mobileMenu ul li:last-child
	{
		width:20%;
		border-right:0px solid transparent;
	}


	#mobileMenu ul li > a,
	#mobileMenu ul li > span
	{
		display:block;
		padding:1.5625vw;
	}
	#mobileMenu ul li span
	{
		display:block;
	}
	#mobileMenu ul li > a,
	#mobileMenu ul li > a > span,
	#mobileMenu ul li > span
	{
		display:block;
		text-align:center;
		color:#FFFFFF;
	}
	#mobileMenu ul li span.icon
	{
		font-size:7vw;
	}

	#mobileMenu ul li span.label
	{
		font-size:1.0rem;
	}

	#mobileMenu ul li.entry span.icon
	{
		display:inline-block;
		margin-right:1.5625vw;
		font-size:7vw;
	}

	#mobileMenu ul li.entry span.label
	{
		display:inline-block;
		font-size:5vw;
	}

	/*
	************************************************************************
	 ページTOPへ戻るボタン
	************************************************************************
	*/
	#toTop
	{
		bottom:15vw;
	}

	/*
	************************************************************************
	 メニュー
	************************************************************************
	*/
	#main-menu
	{
	}

	#main-menu .global_navi
	{
	}

	.menu-title
	{
		font-size:3.0rem;
	}

	.menu-category
	{
		font-size:2.0rem;
	}

	ul.menu-list
	{
	}

	ul.menu-list li
	{
	}

	ul.menu-list li .menu-list-item
	{
		font-size:2.4rem;
	}

	ul.menu-list li:first-child .menu-list-item
	{
	}

	/*
	************************************************************************
	 コンテンツタイトル
	************************************************************************
	*/
	#contents .title_visual
	{
	}

	#contents .title_visual .row
	{
	}

	#contents .title_visual h1
	{

	}

	#contents .title_visual .accent
	{
		padding:0px 4.6875vw 0px 4.6875vw;
		margin-bottom:1.5625vw;

		font-size:4.0rem;
	}

	#contents .title_visual .title
	{
	}

	/*
	************************************************************************
	 コンテンツナビ
	************************************************************************
	*/
	.contents_navi
	{
	}

	.contents_navi nav
	{
	}

	.contents_navi nav ul
	{
		margin:0px;
		padding:0px;

		-js-display:flex;
		display:-webkit-flex;
		display:flex;

		-webkit-flex-direction:row;
		        flex-direction:row;
		-webkit-flex-wrap:wrap;
		        flex-wrap:wrap;
		-webkit-justify-content:space-between;
		        justify-content:space-between;
	}

	.contents_navi nav ul li
	{
		width:50%;
	}

	.contents_navi nav ul li a
	{
		width:100%;
		text-align:center;
		padding:1.5625vw;
		font-size:2.0rem;
	}

	/*
	************************************************************************
	 段落
	************************************************************************
	*/
	.section.contents-title
	{
	}

	.section.contents-title h1
	{
	}
	.section.contents-title h1 .title-text
	{
		font-size:2.0rem;
	}
	.section.contents-title h1 .accent
	{
		font-size:;
		padding:0px 0px 3px 0px;
		margin-bottom:10px;
	}

	/*
	************************************************************************
	 段落内画像
	************************************************************************
	*/
	.section .text .eye_catch_image
	{
		float:none;
		display:block;
		width:90%;

		margin-left:auto;
		margin-right:auto;
		margin-bottom:1.5625vw;
	}

	.section .text .eye_catch_image.right
	{
		float:none;
		width:90%;

		margin-left:auto;
		margin-right:auto;
		margin-bottom:1.5625vw;
	}

	/*
	************************************************************************
	 テーブル（レスポンシブ）
	************************************************************************
	*/
	.table-responsive
	{
		width:100%;
	}
	.table-responsive > table,
	.table-responsive > table tbody,
	.table-responsive > table thead,
	.table-responsive > table tr,
	.table-responsive > table tr th,
	.table-responsive > table tr td
	{
		display:block;
		width:100%;
	}
	.table-responsive > table tr th,
	.table-responsive > table tr td
	{
		padding:1.5625vw 1.5625vw;
	}

	.table-responsive > table tr td
	{
	}

	.table-responsive > table tr th
	{
		text-align:left;
		font-weight:bold;
	}
	.table-responsive > table tr th > div
	{
		width:100%;
		min-width:0px;
	}

	/*
	************************************************************************
	 テーブル（スクロール）
	************************************************************************
	*/
	.table-scroll
	{
		overflow-x:scroll;
	}
	.table-scroll > table
	{
		width:100%;
		min-width:780px;
		margin-bottom:0px;
	}
	.table-scroll > table tr th,
	.table-scroll > table tr td
	{
		padding:1.5625vw 1.5625vw;
	}

	.table-scroll > table tr td
	{
	}

	.table-scroll > table tr th
	{
		font-weight:bold;
	}

	.table-scroll > table tr th.width > div
	{
		min-width:23.4375vw;
	}

	/*
	************************************************************************
	 特徴ブロック
	************************************************************************
	*/
	.feature
	{

	}

	.feature-item
	{
		float:none;
		width:100%;
		padding:3.125vw;
		margin-bottom:3.125vw;
	}

	.feature-item .title
	{
		font-size:2.8rem;
		color:#9c1618;
		font-weight:bold;
		text-align:center;
	}

	.feature-item .icon
	{

	}

	.feature-item .sub-title
	{
		font-weight:bold;
		margin-top:0.5em;
		margin-bottom:0.5em;
	}

	.feature-item .copy
	{
		font-size:2.0rem;
	}


	/*
	************************************************************************
	 コンテンツリンク
	************************************************************************
	*/
	.contents-link
	{
	}

	.contents-link .contents-link-item
	{
		float:none;
		width:100%;
		padding:1.5625vw;
		margin-bottom:1.5625vw;
	}

	.contents-link .contents-link-item .thumbnail
	{
		float:left;
		width:25%;
		display:block;

	}

	.contents-link .contents-link-item .title
	{
		margin-top:0px;
		margin-bottom:0px;
		margin-left:calc(27%);
		margin-right:0px;
	}

	.contents-link .contents-link-item .description
	{
		font-size:1.3rem;
		margin:5px 10px;
		margin-left:calc(27%);
	}

	.contents-link .contents-link-item:hover
	{
		text-decoration:none;
		background-color:#9aaab8;
	}

	/*
	************************************************************************
	 バナー
	************************************************************************
	*/
	.banner-area
	{

	}

	.banner-item
	{
		width:49%;
	}
	.banner-item:hover img
	{
	}

	/*
	************************************************************************
	 手順・流れ
	************************************************************************
	*/
	#contents .flow-wrapper
	{

	}

	#contents .flow-wrapper .flow-item
	{
		border-left:4px solid #9c1618;
		margin-left:calc((3.0rem*1.8/2) - 2px);
	}

	#contents .flow-title
	{
		font-size:3.0rem;
		font-weight:bold;
		margin-left:calc((3.0rem*1.8/2) * (-1) - 2px);
	}

	#contents .flow-title .accent
	{
		display:block;
		float:left;

		border-radius:100%;
		width:calc(3.0rem*1.8);
		height:calc(3.0rem*1.8);

		border:2px solid #9c1618;
		background-color:#9c1618;

		color:#FFFFFF;
		text-align:center;
	}

	#contents .flow-title .title
	{
		display:block;
		margin-left:calc((3.0rem*1.8) + 10px);
		overflow:hidden;
	}

	#contents .flow-contents
	{
		padding-left:1em;
		margin-left:calc((3.0rem*1.8/2) - 2px);
	}

	#contents .flow-wrapper .flow-item:last-child .flow-contents
	{
		/*border-left:0px solid transparent;*/
	}


	/*
	************************************************************************
	 フッター
	************************************************************************
	*/
	footer
	{
	}

	footer a
	{
	}

	/*
	************************************************************************
	 署名
	************************************************************************
	*/
	footer .footer-sign
	{
		float: none;
		margin-bottom: 10px;
	}
	footer .footer-bnr {
		float: none;
		text-align: center;
	}

	footer .footer-sign .sign-copy
	{
		font-size:2.0rem;
	}

	footer .footer-sign .sign-name
	{
		font-size:2.0rem;
	}

	footer .footer-sign .sign-name .sub
	{
		font-size:2.0rem;
	}

	footer .footer-sign .sign-name .main
	{
		font-size:3.8rem;
	}

	footer .footer-sign .sign-contact
	{
		font-size:3.8rem;
	}

	footer .footer-sign .sign-contact
	{
	}

	footer .footer-sign .sign-contact .tag
	{
		font-size:3.0rem;

		padding:0.2em 1.0em 0.0em 1.0em;
		border-radius:10px 0px 0px 10px;
	}

}