@charset "UTF-8";
body{
    /*line-height: 1.8;*/
    color: #333333;
   /* font-size: 16px;*/
    /*font-family:"游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-size-adjust: 100%;*/
}
/*body.ua-android {
  font-family: 'Noto Serif JP', serif;
}*/
html {
  scroll-behavior: smooth; /* スムーススクロール */
}

img{max-width: 100%;
	height: auto;}
/*p{font-size: 16px;}*/
h3, h4{ font-weight: normal;text-align: center;}
.sp-br {
    display: none; }
.tx-c{text-align: center;}
.f-s-12{font-size: 12px;}
.p-t-60{padding-top: 60px;}
.p-t-5{padding-top: 5px;}
.sp{display: none;}
.pc{display: block;}
.sp-br{display: none;}
.tx-gold{color: #A78F45;}
/* 
-----------
conference
-----------
*/

/* 20250722DELL
#video-background {
    margin-inline: auto;
    position: relative;
    width: 100%;
    overflow: hidden;
    line-height: 0;
}
#video {
    height: auto;
    width: 100%;
    object-fit: cover;
}
*/
#conference #main-v { background: url("/conference/img/top-title_01.png") no-repeat center center; background-size: cover; color: #FFF; position: relative; }
.index-topics{
	background-color: #F0EFE9;
	padding: 100px 0; 
}
.index-contents{
	background-color: #F0EFE9;
	padding: 100px 0; 
}
.wrapper {
    /*max-width: 1200px; 20250722DELL*/
	max-width: 1020px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: center;
}
.wrapper-wid {
    max-width: 1300px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: center;
}

.contents_w_fix{
	margin: 0 auto ;
}

/* 
-----------
index
-----------
*/
.topics-title{
	font-size: 36px;
    display: block;
    color: #A78F45;
    margin: 100px 0 80px;
    line-height: 1;
}
span.title-line{
	position: relative;
}
span.title-line::after{
  position: absolute;
  content: "";
  top: 50%;
  width: 115px;
  height: 1px;
  background-color: #A78F45;
  margin-left: 15px;
}
span.sub{
	margin-left: 150px;
}
.topics-wrapper{
	/*display: flex;
    justify-content: space-between;*/
	margin: 100px 0 0;
}
.topics-list{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.topics-list li {
    width: 31%;
	max-width: 380px;
	margin: 0 0 80px;
}

/* 
-----------
/index
-----------
*/
.contents-wrap {
    display: flex;
    justify-content: space-between;
}
.contentsTwo-wrap{
	display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.contents-wrap .title, .contentsTwo-wrap .title {
    width: 43%;
	/*padding: 100px 0;*/
}
.contents-wrap .pic, .contentsTwo-wrap .pic {
    width: 50%;
	/*background-color: #fff;*/
}
.contents-wrap .title h3, .contentsTwo-wrap .title h3{
	font-size: 28px;
	margin-top: 0;
	text-align: left;
}
h3.about-title span.yum, .title h3 span.yum, .single-title h3 span.yum, .preview-wrap h3 span.yum, .contact-wrap h3 span.yum, .white-wrap h3 span.yum{
	font-size: 24px;
    display: block;
    color: #A78F45;
    margin: 15px 0 50px;
    line-height: 1;
}

/*.preview-wrap h3 span.yum, .contact-wrap h3 span.yum{
	font-size: 24px;
    display: block;
    color: #A78F45;
    margin: 25px 0 50px;
    line-height: 1;
	text-align: center;
}*/
.contents-wrap dl, .contentsTwo-wrap dl{
	border-top: solid 1px #CCCCCC;
    margin: 30px 0;
    padding: 20px 0;}
.venue_detail{display: flex;}
.venue_detail dt, .venue_detail dd{padding: 5px;font-weight: normal;}
.venue_detail dt{width: 25%;}
.venue_detail dd{width: 75%;}
.contents_w_fix ul.ancor-navi > li {
    min-height: 80px;
}
.footer-b{padding: 0 0 100px;
    border-bottom: 1px solid #C8C8C8;}



/*
------------
会場詳細
------------
*/
.about-contents{padding: 100px 0;}
.about-topics{padding: 100px 0; }
.about-topics h1{ font-size: 26px;}
.about-topics h1 span{
		font-size: 24px;
    display: block;
    color: #A78F45;
    margin: 25px 0 50px;
    line-height: 1;
	text-align: center;
}
.about-topics-wrapper{
	/*display: flex;
    justify-content: space-between;*/
	margin: 100px 0 0;
}
.about-topics-list{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0;
}
.about-topics-list li {
    width: 31%;
	max-width: 300px;
	margin: 0;
}

.about-topics-list li a:hover{
	opacity:0.5;
	transition:0.3s;
}

.single-title{
    width: 600px;
	margin: 100px auto 0;
}
.single-pic {
    width: 100%;
}
p span.yums{font-size: 14px;
    display: block;
    color: #A78F45;
    margin: 5px 0 0;
    line-height: 1;}

/*
------------
特典
------------
*/
.benefits-contents{
	background-color: #F0EFE9;
	padding: 100px 0; 
}
.usage-contents{
	background-color: #CCCCCC;
	padding: 100px 0; 
}

.white-wrap{
	padding: 60px;
	background-color: #fff;
}
.benefits-list{
	display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
}
.benefits-list li{
	width: 460px;
	margin: 0 0 60px;
	border: solid 1px #A78F45;
	padding: 50px;
}
.benefits-list li p{
	margin: 15px 0 0;
}
.benefits-contents h4{
	position: relative;
	margin: 0 0 60px;
	font-size: 24px;
}
.benefits-contents h4::before{
	position: absolute;
  content: "";
  top: 50%;
	left: 4%;
  width: 150px;
  height: 1px;
  background-color: #666;
  margin-left: 15px;
}
.benefits-contents h4::after{
	position: absolute;
  content: "";
  top: 50%;
	right: 6%;
  width: 150px;
  height: 1px;
  background-color: #666;
  margin-left: 15px;
}

.benefits-contents ul.option-wrap{
	display: flex;
    width: 800px;
    margin: 0 auto 60px;
}
.benefits-contents ul.option-wrap li{
	/*margin-left: 30px;*/
    width: 100%;
    text-align: left;}

/*
------------
PDF
------------
*/

/*
------------
ボタン
------------
*/

/* normal*/
.button_n{margin: 70px 0 0;}
.button_n a {
    /*background: #eee;*/
	border: solid 1px #A78F45;
    /*border-radius: 3px;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #A78F45;
    transition: 0.3s ease-in-out;
    /*font-weight: 500;*/
}
.button_n a:hover {
    background: #A78F45;
    color: #fff;
}
.button_n a:focus{
	text-decoration: none;
}
/* preview */
.button_p{margin: 70px 0 ;}
.button_p a {
    background: #A78F45;
	border: solid 1px #A78F45;
    /*border-radius: 3px;*/
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 360px;
    padding: 25px;
    color: #fff;
    transition: 0.3s ease-in-out;
    /*font-weight: 500;*/
}
.button_p a:hover {
	border: solid 1px #A78F45;
    background: #fff;
    color: #A78F45;
}
.button_p a:focus{
	text-decoration: none;
}
/* gallery */
.button_g{margin: 70px 0 0;}
.button_g a {
    /*background: #fff;*/
	border: solid 1px #000;
    /*border-radius: 3px;*/
    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;
    /*font-weight: 500;*/
}
.button_g a:hover {
    background: #fff;
    color: #A78F45;
	border: solid 1px #A78F45;
}
.button_g a:focus{
	text-decoration: none;
}

/**/
.index-preview{
    padding: 100px 0;
	background: url("/conference/img/bg_index-preview.png") no-repeat 0 0;
    background-size: cover;
}
.preview-wrap{
	/*margin: 100px auto;*/
	padding: 60px;
	background-color: #F0EFE9;
}
/*
------------
お問合せ
------------
*/
.index-contact{
	margin: 100px auto;
}
/*
------------
footer
------------
*/
.footer-link{
width: 990px;
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #C8C8C8;
    padding: 65px 0;
}

.footer-link a{
	color: #C8C8C8;
	text-decoration: underline;
}.footer-link a:hover{
	color: #A78F45;
}
@media (max-width: 1199px) {
.footer-link{
width: 100%;
}
	.pc-br {
    display: none; }
		.benefits-contents h4::before{position: inherit;}
	.benefits-contents h4::after{position: inherit;}
	.benefits-list li{width: 45%;}
	
}

@media (max-width: 890px) {
		.benefits-contents ul.option-wrap{
	display: block;
    width: 100%;
}
	.benefits-contents ul.option-wrap li{
		text-align: center;
	}
	
	
}


@media screen and (max-width:768px){
.sp{display: block;}
.pc{display: none;}
.sp-br{display: block;}

	
.wrapper {
    max-width: 768px;
    margin: 0 auto;
	padding: 0 15px;
	text-align: left;
}
.index-topics, .index-contents{
	padding: 30px 0; 
}
.topics-title{
	font-size: 22px;
    display: block;
    color: #A78F45;
    margin: 60px 0;
    line-height: 1;
}
.contents-wrap .title h3, .contentsTwo-wrap .title h3, .white-wrap h3, .preview-wrap h3, .contact-wrap h3{
text-align: center;
}
	/*
span.title-line{
	position: relative;
	display: block;
	text-align: left;
	margin-left: 0;
	margin-bottom: 10px;
}
span.title-line::after{
  position: absolute;
  content: "";
  top: 50%;
  width: 77%;
  height: 1px;
  background-color: #A78F45;
  margin-left: 15px;
}
span.sub{
	display: block;
	margin-left: 0;
	text-align: left;
}*/

	.topics-wrapper{
		margin: 30px 0 0;
	}
	
	
.index-topics p{
		text-align: left;
	}
.topics-list li {
    width: 48%;
	max-width: 380px;
	margin: 0 0 40px;
}
.contents-wrap, .contentsTwo-wrap {
    display: block;
}

.contents-wrap .title, .contentsTwo-wrap .title, .contents-wrap .pic, .contentsTwo-wrap .pic  {
    width: 100%;
}
	.contents-wrap .pic, .contentsTwo-wrap .pic {
		    margin-bottom: 40px;
	}
.preview-wrap{
	padding: 60px 30px 30px;
		width: 90%;
}
.about-contents{padding: 0 0 100px;}
	.about-topics{padding: 60px 0 0; }/* 20250724ADD */
	.about-topics h1{font-size: 26px;text-align: center;}
.about-topics-wrapper{
	display: none;
}
	.single-title{
    width: 100%;
	margin: 60px auto 0;
}
.benefits-list{
	display: block;
    justify-content: space-around;
    flex-wrap: wrap;
    margin: 0;
}
.benefits-list li{
        width: 100%;
        /*margin: 0 5% 10%;*/
        border: solid 1px #A78F45;
        padding: 20% 5%;
}
	.benefits-contents h4::before{position: inherit;}
	.benefits-contents h4::after{position: inherit;}
	
	.white-wrap{
		width: 90%;
	padding: 60px 15px;
}
	.benefits-contents h4{
	font-size: 18px;
}
	/*#footer #copyright{
		padding-bottom: 100px;
	}*/
	
	
	ul.ancor-navi > li:first-child {
    border-left: none;
		border-top: 1px solid #000;
}
	ul.ancor-navi > li {
		   border-right: none;
		border-bottom: 1px solid #000;
	}
	
}

@media screen and (max-width:480px){
	span.title-line{
	position: relative;
	display: block;
	text-align: left;
	margin-left: 0;
	margin-bottom: 10px;
}
span.title-line::after{
  position: absolute;
  content: "";
  top: 50%;
  width: 80%;
  height: 1px;
  background-color: #A78F45;
  margin-left: 15px;
}
span.sub{
	display: block;
	margin-left: 0;
	text-align: center;
}
.footer-b{margin: 0 15px ;
	        padding: 0 0 100px;
	}
	.button_g{margin: 30px 0 0;}
	.about-contents{padding: 0 0 60px;}/* 20250724ADD*/
	.benefits-contents{
	padding: 60px 0; 
}
	.benefits-contents ul.option-wrap{/* 20250724ADD*/
    margin: 0 auto ;
}
	.usage-contents{
	padding: 60px 0; 
}
	.index-preview{
		padding: 60px 0;}
}