@charset "UTF-8";

/* --------------------------------
	共通
-------------------------------- */
#main { max-width: 1440px; margin: 0 auto; font-size: 100%; line-height: 1.5; padding-right: 13px;padding-left: 13px; margin-top: 20px;}

/* --------------------------------
	タイトル
-------------------------------- */
/* 法人タイトル */
#module_titleArea #title { padding: 17px 0 11px; font-size: 100%; line-height: 0.1; }
.site-header {border: none;}

/* --------------------------------
	/business_members/kiyaku.html
-------------------------------- */
.grayWrap{
	margin:15px 0 0;
	padding:5px;
	background-color:#f7f7f7;
	text-align:right;
}
#bmKiyaku{
	margin:0 0 60px;
}
#bmKiyaku .wrapper{
	margin:0 10px 1.5em;
}
#bmKiyaku .endWrap{
	padding-top:1em;
}
#bmKiyaku .kiyakuText{
	margin-bottom:0.8em;
}
#bmKiyaku .kiyakuIndent{
	margin:0 0 0.5em 10px;
}
#bmKiyaku .kiyakukakko{
	margin:0 0 0.5em 1.8em;
	text-indent:-1.8em;
}
#bmKiyaku .kiyakuNumber{
	margin:0 0 0.5em 1em;
	text-indent:-1em;
}
.section + .section {
	margin-top: 42px;
}
.heading {
	margin-bottom:25px;
	padding: 10px 9px 10px;
	border-top: 2px solid #c00;
	border-bottom:1px solid #bbb;
	font-size: 121.43%;
	font-weight: bold;
}
.area_gray {
	margin-bottom: 1.5em;
	padding: 25px 30px;
	background-color: #e9e9e9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.list_definition dt{
	font-weight:bold;
	margin-bottom:.33em;
}

@media only screen and (min-width: 768px) {
	.sh-name{margin: 25px 0 0;}
}
@media only screen and (max-width: 767px) {
	/* --------------------------------
		共通
	-------------------------------- */
	.sh-name {font-size: 128.571%;font-weight: bold;}
	#main { max-width: none; min-width: inherit; margin: 0 0 50px; font-size: 100%; padding-right: 15px;padding-left: 15px;}
	.pc_only { display: none !important; }
	
	/* --------------------------------
		タイトル
	-------------------------------- */
	/* 法人タイトル */
	#module_titleArea #title { width: 123px; height:20px; margin-left: 20px; padding: 20px 0 15px; background:url(../img/b_tit_kiyaku_x2.gif) no-repeat 0 20px; background-size: 123px auto; }
	#module_titleArea #title img { display: none; }
	/* 青背景タイトル */
	.melfa_category { margin: 0 0 10px; padding: 0.55em 15px 0.5em; }
	.melfa_category .category_title { font-size: 128.5%; }
	.melfa_category .category_title em { display: none; }
	
	/* --------------------------------
		アイコン
	-------------------------------- */
	.icon_blank_sp:after {
		content: "";
		display: inline-block;
		position: relative;
		width: 15px;
		height: 14px;
		background: url(../img/icon_blank_x2.png) no-repeat;
		background-size: 15px auto;
		vertical-align: baseline;
	}
	.icon_blank_sp img { display: none; }

	#bmKiyaku { margin:0 0 15px; }
	#bmKiyaku .wrapper{ margin:0 0 1em; }
	#bmKiyaku .endWrap{ padding-top:0.5em; }
	#bmKiyaku .kiyakulabel{ margin-bottom:0.5em; padding:0.5em 10px 0.4em; }
	#bmKiyaku .kiyakuText{ margin-bottom:0.5em; }
	#bmKiyaku .kiyakuIndent{ margin:0 0 0.5em 10px; }
	#bmKiyaku .kiyakukakko{ margin:0 0 0.5em 20px; }
	#bmKiyaku .kiyakuNumber{ margin:0 0 0.5em 13px; }

	.heading {font-size: 114.28%;}
	.area_gray{padding: 20px 15px;}
}

.pagetop-container {
	position: relative;
}
.pagetop {
	visibility: visible;
	opacity: 1;
	position: fixed;
	z-index: 999;
	right: 24px;
	bottom: 24px;
	cursor: pointer;
	-webkit-transition: opacity 0.3s, visibility 0.3s, background 0.3s;
	transition: opacity 0.3s, visibility 0.3s, background 0.3s;
	background: #c00;
	font-size: 0;
}
.pagetop img {
	width: 50px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
}
.pagetop:hover {
	background: #d11919;
}
.pagetop:hover img {
	-webkit-transform: translateY(-4px);
	-ms-transform: translateY(-4px);
	transform: translateY(-4px);
}
.pagetop.is-hidden {
	visibility: hidden;
	opacity: 0;
}
.pagetop.is-absoluted {
	position: absolute;
	bottom: 0;
}
@media only screen and (max-width: 767px) {
	.pagetop {
		right: 15px;
	}
	.pagetop img {
		width: 37px;
	}
}
.button-area{text-align:center}
.button-close{position:relative;display:inline-block;cursor:pointer;background-color:#fff;color:#333;border:2px solid #ccc;text-align:center}
@media  print,screen and (min-width: 768px) {
.button-area{margin-top:45px}
.button-close{min-width:285px;padding:8px 26px;font-size:1.125em;-webkit-transition:.25s ease-out;transition:.25s ease-out}
.button-close:hover{text-decoration:none;border-color:#333;background-color:#333;color:#fff}
}
@media only screen and (max-width: 767px) {
.button-area{margin:40px 0 0}
.button-close{width:100%;padding:13px 20px;font-size:1.143em}
}