@charset "utf-8";
article,aside,dialog,div,figure,footer,header,hgroup,hr,nav,section{display:block}a,hr{border:0;padding:0}em,mark{font-style:italic}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:0 0}mark,strong{font-weight:700}ins,mark{background-color:#ff9;color:#000}body{line-height:1.6;overflow-y:scroll}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}.chu:before,.kome:before{content:"※"}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}.red,b{color:red}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:text-top}img{vertical-align:bottom}b{font-size:inherit}small{font-size:80%}.center{text-align:center}.border{border:1px solid}.blue{color:#00f}.chu{color:red}.kome{margin-left:1em;font-size:90%}blockquote p,q{quotes:"『" "』""「" "」"}blockquote p:before,q:before{content:open-quote}blockquote p:after,q:after{content:close-quote}

h3{
	margin-bottom: 10px;
	font-size: 110%;
	font-weight: bold;
	color:#610363;
	text-shadow: 1px 1px 1px #fff;
}


body{
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

.wrapper{
	width: 100%;
	background: black;
	color: white;
}

#main_header{
	float: left;
	width: 100%;
	background: white;
}

#main_header h1{
	float: left;
	width: 35%;
}

	#main_header{
		width: 100%;
		position: fixed;
		z-index: 100;
	}
	#page_header{
		padding-top:  60px;
	}
	



#global_nav{
	float: right;
	width: 65%;
	padding: 20px 0;
}
#global_nav ul{ display: flex; }
#global_nav li{ flex: auto; }
#menu_menu{ display: none; }

#global_nav a{
	text-decoration: none;
	color: #333;
	padding: 5px 1%;
}

nav#pan{
	padding: 2px 3%;
	background: black;
}
nav#pan li{
	display: inline-block;
	color: yellow;
}
nav#pan li:after{
	color: white;
	content: "＞";
}
nav#pan li:last-child:after{
	content: "";
}
nav#pan li a{
	color: white;
	text-decoration: none;
}

.page-top {
	display: block;
	position: fixed;
	bottom: 40px;
	right: 20px;
	padding: 10px;
	background: #7e7a7a;
	border-radius: 5px;
	font-size: 16px;
	-ms-filter: "alpha(opacity=80)";
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	color: #fff;
	text-decoration: none;
}

footer{
	clear: both;
	width: 100%;
	background-color: #fff;
	padding: 20px 0;
}


/* *****　汎用スタイル ***** */

/* 横並び3カラム */
.line3{
	float: left;
	width: 100%;
}
.line3 > li{
	list-style: none;
	float: left;
	width: 28.3%;
	margin-right: 1%;
	margin-bottom: 40px;
	padding: 10px 2%;
}
.line3 > li:nth-of-type(3n){
	margin-right: 0;
}
.line3 > li:nth-of-type(3n+1){
	clear: both;
}

/* 横並び2カラム */
.line2{
	float: left;
	width: 100%;
}
.line2 > li{
	list-style: none;
	float: left;
	width: 45%;
	margin-right: 1%;
	margin-bottom: 40px;
	padding: 10px 2%;
}
.line2 > li:nth-of-type(2n){
	margin-right: 0;
}
.line2 > li:nth-of-type(2n+1){
	clear: both;
}

/* 1カラム */
.line1{
	width: 100%;
}
.line1 li{
	list-style: none;
	width: 96%;
	margin: 0 2% 20px;
}


/* 画像3横並びカラム */
.panel_menu3{
	float: left;
	width: 90%;
	margin: 0 5%;
}
.panel_menu3 li{
	float: left;
	width: 32.66%;
	margin-right: 1%;
	margin-bottom: 20px;
}
.panel_menu3 li:nth-of-type(3n){
	margin-right: 0;
}
.panel_menu3 li img{
	width: 100%;
	max-width: 320px;
	height: auto;
}

.btn2{
	width: 30%;
	margin: 10px 2%;
}
.btn2 a {
    display: block;
    position: relative;
    width: 96%;
    padding: 0.8em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background: #7E1214;
    border: 1px solid #fff;
    overflow: hidden;
    font-weight: bold;
}


/* 下層ページ */
#page_header{
	clear: both;
}
#page_header img{
	width: 100%;
	max-width: 1900px;
	height: auto;
}
#page_header h2{
	padding: 5px 0 5px 3%;
	color: white;
	background: rgba(0,0,0,0.80);
}
#rank3 #page_header h2, #rank4 #page_header h2{
/*	background:rgba(110,108,108,0.80); */	
	background:#760001;
}
#rank3 h3, #rank4 h3{
	padding: 5px 2%;
	color: white;
	background: #644f41;
}


.wide_container{ /* 全画面背景 */
	clear: both;
	float: left;
	width: 90%;
	min-height: 600px;
	padding: 40px 5%;
	background-size: cover;
	background-position: center;
}
.white_column{ /* 白ベール70 */
	margin-bottom: 20px;
	padding: 20px 5%;
	color: #000;
	background: rgba(255,255,255,0.7);
	border: solid 0px;
	border-radius: 15px;
}
.white_column2{ /* 白背景 */
	margin-bottom: 20px;
	padding: 20px 5%;
	color: #000;
	background: rgba(255,255,255,1.0);
	border: solid 0px;
	border-radius: 15px;
}
.white_column3{ /* 白ベール30 */
	margin-bottom: 20px;
	padding: 20px 5%;
	color: #000;
	background: rgba(255,255,255,0.3);
	border: solid 0px;
	border-radius: 15px;
}

.container{
}

#contents{
	width: 100%;
}

.page{ /* 第1階層2カラムメニュー */
	float: left;
	width: 46%;
	padding: 10px 2%;
}

.page2{
	width: 90%;
	margin: 15px auto;
	padding: 10px 2%;
}
.box{ /* 第1階層2カラムメニュー */
	float: left;
	width: 28%;
	height: 60%;
	background-color: #FFFFFF;
	margin: 10px;
	margin-bottom: 20px;
	padding: 10px 2%;
	border-collapse: collapse;
	border-color: #565555;
	border-width: 1px;	
}
.box p{ /* 第1階層2カラムメニュー */
	color: #000000;
}
.box h2{ /* 第1階層2カラムメニュー */
	color: #000000;
}
.box2{ /* 第1階層2カラムメニュー */
	float: left;
	width: 90%;
	background-color: #FFFFFF;
	margin: 10px;
	margin-bottom: 20px;
	padding: 20px 2%;
	border: solid;
	border-collapse: collapse;
	border-color: #565555;
	border-width: 1px;	
}
.box2 p{ /* 第1階層2カラムメニュー */
	color: #000000;
}
.box2 h2{ /* 第1階層2カラムメニュー */
	color: #000000;
	border-bottom: solid 4px #737070;
	margin-bottom: 20px;
}
.box2 img{ /* 第1階層2カラムメニュー */
	float: left;
	margin-right: 30px;
}
.box3{ /* 第1階層2カラムメニュー */
	float: left;
	width: 42%;
	background-color: #FFFFFF;
	margin: 10px;
	margin-bottom: 20px;
	padding: 10px 2%;
	border: solid;
	border-collapse: collapse;
	border-color: #565555;
	border-width: 1px;	
}
.box3 p{ /* 第1階層2カラムメニュー */
	color: #000000;
}
.box3 h2{ /* 第1階層2カラムメニュー */
	color: #000000;
	border-bottom: solid 4px #737070;
	margin-bottom: 20px;
}
.btn-flat-border {
  display: inline-block;
  opacity: 0.8;
  background-color: #3c3b3b;
  padding: 1em 0;
	width: 80%;
  text-decoration: none;
  color: #ffffff;
  border: solid 1px #787777;
  border-radius: 3px;
  transition: .4s;
	font-weight: bold;
}

.btn-flat-border:hover {
  background: #ffffff;
  color: #3c3b3b;
}

.incentive{
		background-image: url(../img/mice/incentive.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
}
.event_support{
		background-image: url(../img/mice/event_support.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
}
.inspection{
		background-image: url(../img/mice/inspection.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
}
.workation{
		background-image: url(../img/mice/workation.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
}
.unique_venues{
		background-image: url(../img/mice/unique_venues.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
}
.case_study{
		background-image: url(../img/mice/case_study.jpg);
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
}
/*
.page:nth-of-type(2n){
	float: right;
}
*/

.image_photo img{
	width: 100%;
	height: auto;
	margin: 10px 0;
}
.image_photo50 img{
	width: 50%;
	height: auto;
	margin: 10px 0;
}

#lead{
	margin: 10px 0 20px;
}