@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@700&display=swap');


/*==============================================================================
全国ナイトレジャーM&A情報 トップ
==============================================================================*/

.top_image{
	background:url("/image/pc/m_and_a/top_image.jpg") no-repeat center center;
	background-size:cover;
	height:500px;
	color: #fff;
	margin-bottom: 40px;
}
.inner_top_image{
	width:960px;
	margin:0 auto;
	text-align: center;
	padding: 50px 0 0 0;
}
.top_image h1{
	font-size:60px;
	font-weight: bold;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 2px;
	line-height: 1.2em;
	margin-bottom:40px;
}
.top_image .text01{
	font-size:30px;
	letter-spacing: 3px;
	border-bottom: 1px solid #fff;
	display:inline-block;
	padding:0 0 5px 20px;
	margin-bottom:20px;
}
.top_image .text02{
	font-size:18px;
	margin-bottom:40px;
	letter-spacing: 1px;
}
.top_image .text03{
	font-size:20px;

}
.top_image .text03 img:first-child{
	margin-right: 10px;
}


/*--------------------------------------------------------------
最新M&A情報
--------------------------------------------------------------*/
.box_news{
	width:960px;
	margin:0 auto;
	
}
.ttl_news{
	text-align: center;
}
.ttl_news dt{
	font-size:15px;
	font-weight: bold;
	position:relative;
	width:160px;
	height:26px;
	line-height: 26px;
	background:#4D4D4D;
	color:#FFFFFF;
	text-align: center;
	letter-spacing: 2px;
	margin:0 auto 10px;
}
.ttl_news dt:after{
	border: solid transparent;
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border-color: rgba(106, 90, 205, 0);
	border-top-width:8px;
	border-bottom-width:8px;
	border-left-width:8px;
	border-right-width:8px;
	margin-left: -8px;
	border-top-color:#4D4D4D;
	top:100%;
	left:50%;
}
.ttl_news h2{
	font-size: 20px;
	letter-spacing: 5px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
.ttl_news h2:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 40px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #27BE27;
}
.ttl_news p{
	text-align: center;
	color: #ADADAD;
	font-size: 18px;
	margin: 0 0 10px 0;
}

.list_news{
	border:1px solid #707070;
	padding: 20px 20px 0 20px;
	width:875px;
	margin: 0 auto;
	height:400px;
	overflow-y: scroll;
	margin-bottom: 30px;
}
.list_news li:not(.list_tag li){
	overflow: hidden;
	border-bottom:dotted 2px #B4B4B4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.list_news li:not(.list_tag li):last-child{
	border-bottom:none;
}
.list_news dl{
	display: table;
	width: calc(100% - 150px);
	float: left;
}
.list_news dl dt{
	color: #333333;
	font-size:13px;
	display: table-cell;
	vertical-align: middle;
	padding-right: 10px;
}
.list_news dl dt span{
	color: #27BE27;
	font-size:12px;
	border:1px solid #27BE27;
	width:50px;
	height:20px;
	line-height: 20px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}
.list_news dl dd{
	overflow: hidden;
	display: table-cell;
	vertical-align: middle;
}
.list_news dl dd h3{
	color:#fff;
	width:70px;
	height:50px;
	line-height: 50px;
	font-size:14px;
	font-weight:normal;
	text-align: center;
	float: left;
	margin-right: 15px;
}
.type01{
	background:#9B844F;
}
.type02{
	background:#4F699B;
}
.type03{
	background:#9F5B5B;
}

.list_news dl dd div{
	width:490px;
	float: left;

}
.list_news dl dd div p{
	font-size:15px;
	display: inline-block;
}
.list_news dl dd div p:first-child{
	margin-right:10px;
}
.list_tag li{
	font-size:12px;
	display:inline-block;
	margin-right: 10px;
}
.list_tag li:before{
	content:"#";
}
.btn_news a{
	display:block;
	width:150px;
	height:50px;
	line-height: 50px;
	font-size:12px;
	background: #4D4D4D;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	float: left;

}
.btn_news a:hover{
	color: #4D4D4D;
	border:1px solid #4D4D4D;;
	background:#fff;
	box-sizing: border-box;
}

.btn_more a{
	display:block;
	background:#27BE27;
	color:#fff;
	width:875px;
	height:80px;
	line-height: 80px;
	font-size:24px;
	text-align: center;
	letter-spacing: 2px;
	border-radius: 5px;
	margin:0 auto 100px;
	
}
.btn_more a:hover{
	color: #27BE27;
	background:#fff;
	border:1px solid #27BE27;
	box-sizing: border-box;
}


/*--------------------------------------------------------------
売却・購入・FC開業について
--------------------------------------------------------------*/
.box_description h2{
	margin: 0 0 40px 0;
	color: #1A1A1A;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: normal;
	border-bottom: 5px solid #E8E8E8;
	position: relative;
	text-align: center;
	padding-bottom: 10px;
	min-width: 960px;
}
.box_description h2:after {
	position: absolute;
	content:"";
	display: block;
	border-bottom: solid 5px #27BE27;
	bottom: -5px;
	left:50%;
	margin-left: -350px;
	width: 700px;
}
.inner_description{
	width:900px;
	margin:0 auto 50px;
	display: flex;
	justify-content:space-around;
}
.inner_description div{
	width:275px;
	border:#ADADAD 1px solid;
	padding:15px;
	color: #4D4D4D;
}
.inner_description div h3{
	text-align: center;
	font-size: 19px;
	letter-spacing: 0.1em;
	margin:0 0 10px 0;
}
.inner_description div h3 span{
	color:#27BE27;
}
.img_description{
	text-align: center;
	margin:0 0 20px 0;
}
.inner_description div p{
	font-size:14px;
}
.inner_description div p span{
	font-weight: bold;
}


/*--------------------------------------------------------------
アフターフォロー
--------------------------------------------------------------*/
.message h2{
	margin: 0 0 40px 0;
	color: #1A1A1A;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: normal;
	border-bottom: 5px solid #E8E8E8;
	position: relative;
	text-align: center;
	padding-bottom: 10px;
	min-width: 960px;
}
.message h2:after {
	position: absolute;
	content:"";
	display: block;
	border-bottom: solid 5px #27BE27;
	bottom: -5px;
	left:50%;
	margin-left: -350px;
	width: 700px;
}
.message div{
	width:960px;
	height:270px;
	margin: 0 auto 200px;
	background:url("/image/pc/m_and_a/bottom_image.jpg") no-repeat left top;
	background-size:460px 270px;
}
.message div p{
	width:450px;
	font-size:20px;
	line-height: 1.8em;
	margin: 0 0 0 auto;
	padding-top: 20px;
}


/*--------------------------------------------------------------
Twitter
--------------------------------------------------------------*/
.box_twitter{
	width:960px;
	margin:0 auto 100px;
	 padding-top: 20px;
}
.box_twitter div{
	text-align: center;
}
.box_twitter h2{
	font-size: 20px;
	letter-spacing: 5px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.box_twitter h2:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 40px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #27BE27;
}
.box_twitter p{
	text-align: center;
	color: #ADADAD;
	font-size: 18px;
	margin-bottom: 5px;
}










/*==============================================================================
全国ナイトレジャーM&A情報 一覧
==============================================================================*/
/*--------------------------------------------------------------
全国ナイトレジャーM&A情報
--------------------------------------------------------------*/
.ttl_m_and_a{
	margin: 50px 0 40px 0;
	color: #1A1A1A;
	font-size: 30px;
	letter-spacing: 3px;
	font-weight: normal;
	border-bottom: 5px solid #E8E8E8;
	position: relative;
	text-align: center;
	padding-bottom: 10px;
	min-width: 960px;
}
.ttl_m_and_a:after {
	position: absolute;
	content:"";
	display: block;
	border-bottom: solid 5px #27BE27;
	bottom: -5px;
	left:50%;
	margin-left: -350px;
	width: 700px;
}

/* タブ */

.tab-area {
	width:960px;
	margin:0 auto;
	  cursor: pointer;
	 border-bottom:1px solid #4D4D4D;
	display: flex;
	justify-content: space-between;
}
.tab-area .tab {
    width: 315px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    color: white;
	font-size:18px;
	letter-spacing: 2px;
  }
.tab-area .tab_sale{
	background:#9B844F;
}
.tab-area .tab_buy{
	background:#4F699B;
}
.tab-area .tab_fc{
	background:#9F5B5B;
}
 .tab-area .tab.active{
    background-color: #FFF;
    color: #4D4D4D;
	 border-left:1px solid #4D4D4D;
	 border-top:1px solid #4D4D4D;
	 border-right:1px solid #4D4D4D;
	 position: relative;
  }
.tab-area .tab.active:after{
	content:"";
	height: 1px;
	width:313px;
	background:#FFFFFF;
	position: absolute;
	bottom: -1px;
	left:0;
}
.content-area {
  font-size: 30px;
  text-align: center;
}
.content-area .content {
    display: none;
  }
.content-area .content.show {
    margin-top: 50px;
    display: block;
  }

/* テーブル*/

.content{
	width:960px;
	margin: 0 auto;
}
.content table{
	border-collapse: collapse;
	 border-spacing: 0;
	font-size:15px;
	width: 100%;
	margin-bottom: 80px;
}
.content table th{
	font-weight: normal;
	border-bottom:3px #5D5D5D solid;
	text-align: center;
	padding-bottom: 5px;
}
.content table th.tbl_01{
	width:75px;
}
.content table th.tbl_02{
	width:85px;
}
.content table th.tbl_03{
	width:85px;
}
.content table th.tbl_04{
	width:130px;
}
.content table th.tbl_05{
	width:120px;
}
.content table th.tbl_06{
	width:150px;
}
.content table th.tbl_07{

}
.content table th.tbl_08{
	width:70px;
}
.content table tr{
	border-bottom: dotted 2px #A9A9A9;
}
.content table tr:last-child{
	border-bottom: solid 3px #5D5D5D;
}
.content table tr td{
	padding: 15px 10px;
}
.icon_new{
	display: block;
	color:#27BE27;
	font-size:12px;
	width:50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border:1px solid #27BE27;
	margin: 0 auto;
}
.icon_closing{
	display: block;
	color:#FFF;
	background:#C2362E;
	font-size:11px;
	width:50px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border:1px solid #C2362E;
	margin: 0 auto;
}
.content table tr td:nth-child(6),.content table tr td:nth-child(7){
	text-align: left;
}
.content table tr.closing{
	background:#E8E8E8;
}
.content table.tbl_buy_fc tr td:nth-child(5){
	text-align: left;
	padding-left: 50px;
}

.no_item {
	margin: 80px 0 100px 0;
}

.btn_back a{
	display: block;
	background:#4D4D4D;
	color: #fff;
	width:860px;
	text-align: center;
	height:80px;
	line-height: 80px;
	font-size:24px;
	letter-spacing: 3px;
	border-radius: 5px;
	margin: 0 auto 100px;
}


/*--------------------------------------------------------------
モーダルウィンドウ
--------------------------------------------------------------*/
.js-modal-open{
	cursor: pointer;
}
.modal{
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background: #fff;
	left: 50%;
	position: absolute;
	top: 100px;
	transform: translate(-50%,0);
	width: 1000px;
	overflow-y:auto;
	padding-top: 30px;
	border-radius: 5px;
}
.js-modal-close{
	text-align: right;
	padding-right: 30px;
	margin-bottom: 20px;
}
.wrap_js-modal-close{
	text-align: right;
}
.js-modal-close{
	font-size:20px;
	color: #4D4D4D;
	cursor: pointer;
}
.js-modal-close:before{
	content:"×";
	padding-right: 10px;
}
.modal__content h2{
	font-size: 20px;
	letter-spacing: 5px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.modal__content h2:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 40px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #27BE27;
}
.modal__content .sub_ttl01{
	text-align: center;
	color: #ADADAD;
	font-size: 18px;
	margin-bottom: 5px;
}
.modal__content .sub_ttl02{
	text-align: center;
	font-size:20px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}


/*--------------------------------------------------------------
送信エラー
--------------------------------------------------------------*/
.box_complete_error{
	color: #ff0000;
	font-size: 18px;
	padding: 20px 25px;
}










/*==============================================================================
共通
==============================================================================*/
/*--------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------*/

.box_contact{
	width:960px;
	margin:0 auto;
	 padding-top: 20px;
}

.box_contact h2{
	font-size: 20px;
	letter-spacing: 5px;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 5px;
	text-align: center;
}
.box_contact h2:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: inline-block;
	width: 40px;
	height: 5px;
	transform: translateX(-50%);
	background-color: #27BE27;
}
.box_contact .sub_ttl01{
	text-align: center;
	color: #ADADAD;
	font-size: 18px;
	margin-bottom: 5px;
}
.box_contact .sub_ttl02{
	text-align: center;
	font-size:20px;
	letter-spacing: 1px;
	margin-bottom: 10px;
}


/* 問い合わせフォーム */

.wrap_mail{
	padding:0 10px 35px;
	width: 920px;
	margin: 0 auto;
}
.text20{
	font-size:12px;
	margin:0 0 10px 0;
}
.wrap_mail dl{
	margin-bottom: 25px;
}
.wrap_mail dl dt{
	font-size:20px;
	line-height:1.2em;
	margin:0 0 5px 0;
}
.wrap_mail dl dt span{
	color:#fff;
	font-size:13px;
	background: #FF5353;
	padding: 2px 10px;
	margin: 0 0 0 5px;
	font-weight: normal;
}
.wrap_mail input[type="text"],input[type="email"],input[type="tel"],input[type="url"]{
	width:100%;	
	font-size: 16px;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #C7C7C7;
	background:#EFF9FF;
	height: 60px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	margin: 0;
}

.wrap_mail textarea{
	width:100%;	
	font-size: 16px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:10px;
	border: 1px solid #C7C7C7;
	background:#EFF9FF;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	margin: 0;
}
.wrap_mail select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding:10px;
	border: 1px solid #C7C7C7;
	font-size: 16px;
	background:#EFF9FF;
	height: 60px;
	border-radius: 5px;        /* CSS3草案 */  
	-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	margin: 0;
}
.type_area select{
	width:49.5%;
}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"]{
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration{
	display: none;
}
input[type="submit"]::focus{
	outline-offset: -2px;
}

.wrap_mail input[type="text"].error,
.wrap_mail input[type="email"].error,
.wrap_mail input[type="tel"].error,
.wrap_mail input[type="url"].error,
.wrap_mail select.error,
.wrap_mail textarea.error {
	background-color: #FCDEDE;
	border: #FF0000 1px solid;
}
.error_mes {
	font-size: 16px;
	color: #FF5353;
	font-weight: bold;
}

.submit{
	text-align:center;
	padding:15px 0;
}
input[type="submit"]{
	background:#4D4D4D;
	color:#fff;
	width:600px;
	height:80px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
	font-size:26px;
	font-weight:bold;
	letter-spacing:3px;
	margin-bottom: 80px;
}


input[type="radio"]{
	display: none;
}
label {
	padding-left: 50px;
	position: relative;
	font-size:18px;
	margin-right:5px;
}
label::before,
label::after {
	content: "";
	display: block;
	position: absolute;
}
label::before {
	background-color: #fff;
	border-radius: 0%;
	border: 1px solid #C7C7C7;
	width: 30px;
	height: 30px;
	transform: translateY(-50%);
	top: 50%;
	left: 5px;
	border-radius: 5px;
}
label::after {
	border-bottom: 5px solid #60BA43;
	border-left: 5px solid #60BA43;
	opacity: 0;
	height: 10px;
	width: 20px;
	transform: rotate(-45deg);
	top: 2px;
	left: 9px;
}
input:checked + label::after {
  opacity: 1;
}
.box_q1{
	margin-bottom: 20px;
}
.box_q1 dt{
	padding-bottom: 10px;
}


/*--------------------------------------------------------------
送信内容確認ページ 
--------------------------------------------------------------*/
.box_check {
	font-size: 16px;
	margin: 0 0 30px 0;
	width: 920px;
	margin: 0 auto;
}
.box_check dl dt {
	background: #E8E8E8;
	height: 60px;
	line-height: 60px;
	padding: 0 0 0 10px;
	font-size: 20px;
}

.box_check dl dt span {
	color: #fff;
	font-size: 13px;
	background: #FF5353;
	padding: 2px 10px;
	margin: 0 0 0 5px;
	font-weight: normal;
}

.box_check dl dd {
	padding: 15px 10px;
	font-size: 18px;
}

.btn_submit {	
	text-align: center;
	margin: 0 0 15px 0;
}
/* iOSでのデフォルトスタイルをリセット */
button[type="submit"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
button[type="submit"]::-webkit-search-decoration {
  display: none;
}
button[type="submit"]:focus {
  outline-offset: -2px;
}

button[type="submit"] {
	background: #4D4D4D;
	color: #fff;
	width: 600px;
	height: 80px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 3px;
}

button[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
button[type="button"]::-webkit-search-decoration {
  display: none;
}
button[type="button"]:focus {
  outline-offset: -2px;
}

button[type="button"] {
	background: #D0C9C9;
	color: #fff;
	width: 600px;
	height: 80px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 3px;
		}
.btn_form_back {
	text-align: center;
	margin: 0 0 150px 0;
}
.btn_form_back a:hover {
	opacity: 1;
}


/*--------------------------------------------------------------
Thank youページ 
--------------------------------------------------------------*/
.wrap01 {
	width: 960px;
	margin: 0 auto;
}
h1.send_completely {
	font-size: 56px;
	margin: 20px 0 50px;
	color: #27BE27;
	text-align: center;
	letter-spacing: 2px;
}
.thank_you {
	font-size: 37px;
	color: #27BE27;
	text-align: center;
	border-bottom: 1px solid #E8E8E8;
	width: 620px;
	margin: 0 auto 50px;
	padding: 0 0 10px 0;
}

.text_thank_you {
	font-size: 18px;
	text-align: center;
	line-height: 1.2em;
	margin: 0 0 30px 0;
}
.business_day {
	border: #ADADAD 1px solid;
	overflow: hidden;
	padding: 15px 70px;
	margin: 0 0 100px 0;
}
.business_day_inner {
	width: 400px;
	float: left;
	text-align: center;

}
.business_day_inner dt {
	display: inline-block;
	font-size: 24px;
	margin: 0 30px 0 0;
}
.business_day_inner dd {
	display: inline-block;
	font-size: 18px;
}


/*--------------------------------------------------------------
LINEボタン
--------------------------------------------------------------*/
.btn_line{
	position: fixed;
	bottom:20px;
	right:20px;
}