@charset "utf-8";
html {
  scroll-behavior: smooth; /* スムーススクロール */
}

/*p{font-size: 16px;}*/
h3, h4{ font-weight: normal;}
.txt-c{text-align: center;}
img {
    max-width: 100%;
    height: auto;
}
.sp-br {
    display: none; }
#viproom #main-v { background: url("/meeting-event/img/main-v-vip.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
#orizuru-square #main-v { background: url("/meeting-event/img/main-v-12fevent.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
.contens_wrap{
	width: 1140px;
	margin: 100px auto;}

.sec_top{
	margin: 60px 0;
}
.about_inner{
	max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
	text-align: center;
}
.about_inner h3{
	font-size: 20px;
line-height: 2;
}
.plan_inner{
	max-width: 1020px;
    margin: 0 auto 100px;
    padding: 0 15px;
    width: 100%;
}

.plan_inner dl.info {
    width: 100%;
	margin-bottom: 0;
}
.plan_inner .list-info{
		display: flex;
}
.plan_inner dl.info dt {
    width: 15%;
    height: 50px;
    background-color: #282723;
    color: #FFFFFF;
    float: left;
    text-align: center;
    padding: 10px 15px;
    font-weight: normal;
    margin: 30px 0;
    line-height: 2;
}
.plan_inner dl.info dd {
    width: 85%;
    height: 65px;
    background-color: #FFFFFF;
    color: #282723;
    float: left;
    font-size: 16px;
    padding: 10px 15px 15px 40px;
    margin: 30px 0;
}


/* ご利用について */
.usage-contents {
    background-color: #CCCCCC;
    padding: 100px 0;
	
}
.white-wrap {
	max-width: 1020px;
    width: 100%;
    padding: 60px;
    background-color: #fff;
	text-align: center;
    margin: 0 auto;
}
.button_g{margin: 70px 0 0;}
.button_g a {
	border: solid 1px #000;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #000;
    transition: 0.3s ease-in-out;
}
.button_g a:hover {
    background: #fff;
    color: #A78F45;
	border: solid 1px #A78F45;
}
.button_g a:focus{
	text-decoration: none;
}

/* お問い合わせ */
.index-contact {
    width: 100%;
    /*margin: 0 auto;*/
    padding: 100px 0 ;
    text-align: center;
	background: url("/meeting-event/img/bg_ticket.jpg") no-repeat center top;
    background-size: cover;
    min-height: 419px;
}
/* normal*/
.button_n{margin: 70px 0 0;}
.button_n a {
    /*background: #eee;*/
	border: solid 1px #333333;
    /*border-radius: 3px;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #333333;
    transition: 0.3s ease-in-out;
    /*font-weight: 500;*/
}
.button_n a:hover {
    background: #333333;
    color: #fff;
}
.button_n a:focus{
	text-decoration: none;
}
.wrapper {
    max-width: 1020px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: center;
}

/* 12F */
.index-contents {
	background-color: #EEEEEE;
    padding: 100px 0;
}
.contents-wrap {
    display: flex;
    justify-content: space-between;
}
.contentsTwo-wrap {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.contents-wrap .pic, .contentsTwo-wrap .pic {
	width: 50%;
}
.contents-wrap .title, .contentsTwo-wrap .title {
	width: 50%;
}
.contents-wrap .title {padding-left: 10%;}
.contents-wrap .title h3, .contentsTwo-wrap .title h3{
	padding-bottom: 30px;
}
.contents-wrap .title p span.txtno{
	text-wrap:nowrap;}

@media (max-width: 1180px) {
	.contents-wrap .title p span.txtno{
	text-wrap:wrap;}
}

@media (max-width: 768px) {
	.pc-br {
    display: none; }
	.plan_inner .list-info{
		display: grid;
}
.plan_inner dl.info dt {
    width: 100%;
    margin:0;

}
.plan_inner dl.info dd {
    width: 100%;
    height: auto;
    padding: 15px;
    margin: 10px 0;
}
	
	
	.contents-wrap, .contentsTwo-wrap {
    display:block;
}
	.wrapper {
        max-width: 768px;
        margin: 0 auto;
        padding: 0 15px;
        /*text-align: left;*/
    }
.contents-wrap .pic, .contentsTwo-wrap .pic {
	width: 100%;
}
.contents-wrap .title, .contentsTwo-wrap .title {
	width: 100%;
}
	.contents-wrap .title {padding-left:0;}

}
@media (max-width: 599px) {
	h3 {
    font-size: 20px;
}
.about_inner h3{
font-size: 16px;
}
	.usage-contents {
    padding: 60px 0;
}
	.plan_inner{
    margin: 0 auto 60px;
}
	.white-wrap {
		width: 90%;
		padding: 30px 30px 60px;
	}
	.contents-wrap .title h3, .contentsTwo-wrap .title h3{
		font-size: 22px;
	}
	.index-contents {
    padding: 30px 0;
}
	.index-contact {
    width: 100%;
    /*margin: 0 auto;*/
    padding: 60px 0 ;

}
	.button_g{margin: 30px 0 0;}
	
}