@charset "UTF-8";

*{
	font-style: normal;
	margin: 0px;
	padding: 0px;
}
body {
	color: #333333;
	background-color: #ffffff;
	font-size: 15px;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	overflow: auto;
}



a:link {
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration:underline;
}
a:visited {
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ","Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: underline;
}
a:hover {
	color:#e2ca7a;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ","Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: underline;
}
a:active {
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3","メイリオ", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-decoration: underline;
}
a img {
	border-style: none;
}
.clear{
	clear:both;
}


.tb{
	font-weight:bold;
}
.pt20{
	padding-top:20px;
}



/*header============================================*/
header{
	width:940px;
	height:34px;
	margin:0px auto;
	padding:27px 0px 26px 0px;
}

#header_logo{
	width:200px;
	margin-right:20px;
	float:left;
}
#header_logo img{
	width:200px;
}
#header_menu{
	width:720px;
	height:34px;
	float:right;
}



#header_menu_auction{
	width:120px;
	height:34px;
	float:left;
	margin-right:5px;
}
#header_menu_admission{
	width:95px;
	height:34px;
	float:left;
	margin-right:5px;
}
#header_menu_corporate{
	width:95px;
	height:34px;
	float:left;
	margin-right:5px;
}
#header_menu_venue{
	width:95px;
	height:34px;
	float:left;
	margin-right:5px;
}
#header_menu_recruit{
	width:95px;
	height:34px;
	float:left;
	margin-right:5px;
}
#header_menu_faq{
	width:95px;
	height:34px;
	float:left;
	margin-right:5px;
}
#header_menu_documents{
	width:95px;
	height:34px;
	float:left;
}
#header_menu_login{
	width:95px;
	height:34px;
	float:right;
}





a.nav_auction-a{ display:block; background-image:url(../images/nav_auction.png); width:120px; height:34px; margin-bottom:0px; float:left;}
a.nav_auction-a:hover{ background-position:top right;}

a.nav_admission-a{ display:block; background-image:url(../images/nav_admission.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_admission-a:hover{ background-position:top right;}

a.nav_corporate-a{ display:block; background-image:url(../images/nav_corporate.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_corporate-a:hover{ background-position:top right;}

a.nav_venue-a{ display:block; background-image:url(../images/nav_venue.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_venue-a:hover{ background-position:top right;}

a.nav_recruit-a{ display:block; background-image:url(../images/nav_recruit.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_recruit-a:hover{ background-position:top right;}

a.nav_faq-a{ display:block; background-image:url(../images/nav_faq.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_faq-a:hover{ background-position:top right;}

a.nav_documents-a{ display:block; background-image:url(../images/nav_documents.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_documents-a:hover{ background-position:top right;}

a.nav_login-a{ display:block; background-image:url(../images/nav_login.png); width:95px; height:34px; margin-bottom:0px; float:left;}
a.nav_login-a:hover{ background-position:top right;}

#headerline{
	height:3px;
	background-color:#41226b;
	clear:both;
}

/*cont_image============================================*/
#cont_image{
	width:1100px;
	height:500px;
	background-image:url(../images/image_top.png);
	margin:0px auto;
}

/*cont_news============================================*/
#cont_news{
	width:890px;
	margin:0px auto;
	padding:26px 35px 20px 35px;
}

#cont_news_left{
	width:74px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#009d8e;
	padding:5px 0px;
}

#cont_news_right{
	width:797px;
	float:right;
	border-left:1px solid #313131;
	padding:5px 0px 5px 5px;
}

#cont_news_right_box{
	margin-bottom:5px;
}
#cont_news_right_day{
	width:50px;
	float:left;
	margin-right:6px;
	color:#009d8e;
	font-size:14px;
}
#cont_news_right_area {
	width: 60px;
	float: left;
	margin-left: 0px !important;
	margin-right: 10px;
	color: #009d8e;
	font-size: 14px;
	text-align: center;
}
#cont_news_right_text {
	width: 670px;
	color: #009d8e;
	margin-left: 100px;
	font-size: 14px;
}
	#cont_news_right_text a:link,
	#cont_news_right_text a:visited,
	#cont_news_right_text a:hover,
	#cont_news_right_text a:active {
		color: #009d8e;
		text-decoration: underline; /* 必要ならそのまま */
	}

.newsbox{
    width: 797px;
    height: 450px;
    overflow: auto;
}

/*cont_box============================================*/
#cont_bg {
	background-color: #fbfbfb;
	padding-bottom: 30px;
}

#cont_box {
	width: 890px;
	margin: 0 auto;
	padding: 26px 0px 60px 0px;
}
#cont_box h1{
	width:128px;
	height:53px;
	margin:0 auto;
}
#cont_box h2{
	margin-bottom:38px;
}


#cont_corporate_image{
	width:890px;
	height:400px;
	margin:24px 0px 30px 0px;
/*
	background-image:url(../images/img_corporate_top.jpg);
*/
}

#cont_corporate_menu{
	width:890px;
	height:120px;
}
.cont_corporate_menu_box{
	width:200px;
	height:120px;
	float:left;
}
.cont_corporate_menu_space{
	margin-right:30px;
}


a.nav_corporate_message-a{ display:block; background-image:url(../images/button_corporate_message.png); width:200px; height:120px; margin-bottom:0px; float:left;}
a.nav_corporate_message-a:hover{ background-position:top right;}

a.nav_corporate_philosophy-a{ display:block; background-image:url(../images/button_corporate_philosophy.png); width:200px; height:120px; margin-bottom:0px; float:left;}
a.nav_corporate_philosophy-a:hover{ background-position:top right;}

a.nav_corporate_logo-a{ display:block; background-image:url(../images/button_corporate_logo.png); width:200px; height:120px; margin-bottom:0px; float:left;}
a.nav_corporate_logo-a:hover{ background-position:top right;}

a.nav_corporate_company-a{ display:block; background-image:url(../images/button_corporate_company.png); width:200px; height:120px; margin-bottom:0px; float:left;}
a.nav_corporate_company-a:hover{ background-position:top right;}

#cont_box_identity_nav{
	width:352px;
	height:20px;
	margin:-62px 0px 50px 538px;
}
.identity_nav_box{
	width:88px;
	height:20px;
	float:left;
}

#cont_box_identity{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_identity h1{
	width:128px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}
#cont_box_identity h2{
	margin-top:30px;
	margin-bottom:38px;
}
#cont_identity_philosophy{
	width:729px;
	height:383px;
	background-image:url(../images/bg_philosophy.png);
	margin:0px  0px 48px 48px;
	padding:102px 0px 0px 56px;
}

#cont_identity_vision{
	width:773px;
	height:275px;
	margin-left:48px;
	background-image:url(../images/bg_vision.png);
}

#cont_logomark_text{
	width:890px;
	padding:50px 0px 166px 0px;
}




#cont_identity_messagetext{
	width:890px;
	padding:32px 0px 46px 0px;
}
.text_messagename{
	float:right;
	margin-bottom:44px;
}





#cont_box_privacy_policy{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_privacy_policy h1{
	width:270px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}
#cont_box_privacy_policy h2{
	margin-bottom:30px;
}

.cont_box_privacy_policy_text{
	width:790px;
	margin:0px 50px 60px 50px;
	font-size:13px;
}
.cont_box_privacy_policy_text a:link{
	color:#41236b;
}

.privacy_companyname{
	text-align:right;
}






#cont_box_company{
	width:890px;
	padding-bottom:300px;
}
.company_box{
	width:890px;
	margin-bottom:30px;
}
.company_box_l{
	width:120px;
	float:left;
	font-weight:bold;
	margin-right:50px;
}
.company_box_r{
	width:720px;
	float:right;
}
.company_box_r span{
	font-size:11px;
}







#cont_box_auction{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_auction h1{
	width:275px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}
#cont_box_auction h2{
	margin-bottom:18px;
}

.auctiontop_magin{
	margin-bottom:50px;
}

.cont_box_auction_text{
	width:890px;
	margin-bottom:50px;
}
.cont_box_auction_text span{
	font-size:18px;
}
.auction_imgmargin{
	width:670px;
	height:233px;
	margin:30px 110px 0px 110px;
}
.cont_box_auction_text a:link{
	color:#41236b;
}




#cont_box_password{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_password h1{
	width:232px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}
#cont_box_password_toptext{
	width:890px;
	text-align:center;
	margin:0px 0px 120px 0px;
}



#cont_box_recruit{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_recruit h1{
	width:127px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}
#cont_box_recruit h2{
	margin-bottom:18px;
}

#cont_box_recruit_toptext{
	width:890px;
	text-align:center;
	font-size:18px;
	margin:0px 0px 80px 0px;
}

.cont_box_recruit_text{
	width:890px;
	margin-bottom:50px;
	font-size:14px;
}
.cont_box_recruit_text span{
	font-size:18px;
}
.cont_box_recruit_text a:link{
	color:#41236b;
}



#recruit_box_l{
	width:426px;
	margin-right:38px;
	float:left;
}
#recruit_box_r{
	width:426px;
	float:right;
}
.recruit_box_center{
	width:426px;
	margin:0px 232px;
}
.recruit_box_center_b{
	width:890px;
}

.recruit_table_head{
	width:426px;
	background-color:#009d8d;
	border-left:1px solid #009d8d;
	padding:5px 0px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	font-weight:normal;
}
.recruit_table_bg{
	background-color:#d4ece8;
}
.recruit_table_left{
	width:75px;
	padding:20px 0px;
	text-align:center;
	border-left:1px solid #009d8d;
}
.recruit_table_right{
	width:288px;
	padding:20px 30px;
	border-left:1px solid #009d8d;
	border-right:1px solid #009d8d;
}
.recruit_table_bottom{
	border-bottom:1px solid #009d8d;
}




.recruit_table_head_b{
	width:890px;
	background-color:#009d8d;
	border-left:1px solid #009d8d;
	padding:5px 0px;
	color:#ffffff;
	font-size:18px;
	text-align:center;
	font-weight:normal;
}
.recruit_table_bg_b{
	background-color:#d4ece8;
}
.recruit_table_left_b{
	width:159px;
	padding:20px 0px;
	text-align:center;
	border-left:1px solid #009d8d;
}
.recruit_table_right_b{
	width:668px;
	padding:20px 30px;
	border-left:1px solid #009d8d;
	border-right:1px solid #009d8d;
}
.recruit_table_bottom_b{
	border-bottom:1px solid #009d8d;
}









#cont_box_login{
	width:890px;
	margin:0 auto;
	padding:26px 0px 300px 0px;
}
#cont_box_login h1{
	width:183px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}

#login_box{
	width:340px;
	padding:124px 220px 112px 140px;
	background-color:#e0f1ee;
	margin:0 auto;
}

.login_box_left{
	width:82px;
	height:30px;
	line-height:30px;
	float:left;
	margin-right:10px;
	text-align:right;
	font-size:14px;
}
.login_box_right{
	width:248px;
	height:30px;
	float:right;
	text-align:right;
	font-size:13px;
}
.login_box_button{
	width:248px;
	height:42px;
	float:right;
}
.login_box_bottom{
	margin-bottom:30px;
}


.login_form_text{
	width:246px;
	height:28px;
	border:1px solid #000000;
	background-color:#ffffff;
}
#login_box a:link{
	color:#41236b;
}







#cont_box_faq{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_faq h1{
	width:183px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}

#cont_faq_all{
	width:890px;
	border-top:1px solid #009d8d;
	margin-bottom:80px;
}


.faq_box{
	width:890px;
	border-bottom:1px solid #009d8d;
	padding:14px 0px;
}
.faq_box_q{
	width:890px;
}
.faq_box_q h2{
	width:855px;
	height:26px;
	padding-left:35px;
	background-image:url(../images/icon-Q.png);
	background-repeat:no-repeat;
	font-size:14px;
	color:#009d8e;
	line-height:26px;
}
.faq_box_q h3{
	width:855px;
	height:26px;
	padding-left:35px;
	background-image:url(../images/icon-Q.png);
	background-repeat:no-repeat;
	font-size:14px;
	color:#009d8e;
	line-height:26px;
}


.faq_box_a{
	width:854px;
	background-image:url(../images/bg-faq.png);
	background-repeat:no-repeat;
	padding:20px 0px 0px 36px;
	margin-top:6px;
}
.faq_box_a_icon{
	width:26px;
	height:26px;
	background-image:url(../images/icon-A.png);
	float: left;
}
.faq_box_a_text{
	width:818px;
	padding-left:10px;
	float:right;
}

.faq_box_a_text ol{
	padding-left:20px;
}





#faq-block{
	width:890px;
	margin-bottom:80px;
}
#faq-block ol{
	padding-left:20px;
}

.single-faq{
	width:890px;
	padding:18px 0px 5px 0px;
	border-bottom:1px solid #009d8d;
}

.faq-question{
	width:855px;
	height:26px;
	padding-left:35px;
	background-image:url(../images/icon-Q.png);
	background-repeat:no-repeat;
	color:#009d8e;
	line-height:26px;
}


.faq-answer{
	width:820px;
	background-image:url(../images/bg-faq.png);
	background-repeat:no-repeat;
	padding:16px 0px 0px 70px;
	margin-top:6px;
}




.faq_upicon{
	width:34px;
	height:15px;
	margin-left: 786px;
	background-image:url(../images/icon-triangle-top.png);
}
.faq_upicon a:link{
	display:block;
	width:34px;
	height:15px;
}


#faq-nav{
	width:890px;
	margin-bottom:40px;
}
#faq-nav ul{
}
#faq-nav ul li{
	background-image:url(../images/icon-triangle-right.png);
	background-repeat:no-repeat;
	padding-left:12px;
}
#faq-nav ul li a:link{
	color:#20a193;
	text-decoration:none;
	border-bottom:1px black dotted;
}
#faq-nav ul li a:visited{
	color:#20a193;
	text-decoration:none;
	border-bottom:1px black dotted;
}



#faq-block01{
	margin-bottom:70px;
}
#faq-block01 span{
	color:#20a193;
	font-size:20px;
}

#faq-block02{
	margin-bottom:70px;
}
#faq-block02 span{
	color:#20a193;
	font-size:20px;
}

#faq-block03{
}
#faq-block03 span{
	color:#20a193;
	font-size:20px;
}

#cont_box_admission{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_admission h1{
	width:127px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}
#cont_box_admission h2{
	margin-bottom:18px;
}

#cont_box_admission_text{
	width:890px;
	margin-bottom:50px;
	text-align:center;
}
#cont_box_admission_text span{
	font-size:16px;
	color:#009d8e;
}
#cont_box_admission_text ul{
	text-align:left;
	margin-left:240px;
	font-size:14px;
	padding:10px 0px;
}
#cont_box_admission_text ul li{
	padding:3px 0px;
}

#mirive_admission{
	width:890px;
	height:60px;
	margin:30px 0px 70px 0px;
	background-color:#41226b;
	text-align:center;
	line-height:60px;
	color:#ffffff;
	font-size:15px;
}

/* NEW-入会のご案内ver2 */
h2.heading_h2 {
	font-size: 19px;
	color: #009d8e;
	letter-spacing: 2.0px;
	display: flex; /* ← ここだけ block→flex に */
	justify-content: space-between; /* 左：タイトル / 右：日付 */
	align-items: flex-end; /* 下揃え */
	border-bottom: 1px solid #009d8e;
	margin-bottom: 18px;
	padding-bottom: 1px;
}

#newsDate {
	font-size: 10px; /* タイトルより小さめ */
	white-space: nowrap; /* 改行しない */
}
h2.heading_h2_center {
    text-align: center;
}
h2.heading_h2_center span {
    font-size: 20px;
    color: #009d8e;
    letter-spacing: 2.0px;
    display: inline-block;
    border-bottom: 2px solid #009d8e;
    margin: 0 auto 50px!important;
    padding: 0 25px 1px;
}
#cont_box_admission_text2{
	width:100%;
	margin-bottom:50px;
}
#cont_box_admission_text2 p{
	margin-bottom:25px;
}
.cont_box_admission_table{
	margin-bottom:50px;
}
.table-g {
    /*margin-bottom:50px;*/
}
.table-admission-price {}
.table-bg-gray {
    background: #dcdcdc;
}
.table-g tr th,
.table-g tr td {
    vertical-align: middle;
    padding: 20px;
    border: 1px solid #ccc;
}
.table-g th {
    min-width: 170px;
    /* width: 140px; */
}
.table-g th.w24 {
    width: 24%;
}
.table-g th.w33 {
    width: 33.33333333%;
}
.table-g th.w34 {
    width: 34%;
}
.table-g th.w38 {
    width: 38%;
}
.table-g th.w42 {
    width: 42%;
}
.table-admission-price th {
    text-align: center;
}
.tx-c {
    text-align: center;
}
.tx-r {
    text-align: right;
}
.tx-l {
    text-align: left;
}
.td-div {
    text-align: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding-bottom: 20px;
}
.mb20 {
    margin-bottom: 20px;
}
.red {
    color: red;
}
.admission_account {
    padding: 20px;
    border: 1px solid #ccc;
    text-align: center;
    margin: 10px auto 0;
}
.admission_account span {
    padding-right: 20px;
}
.cont_box_admission_flow {
    display: flex;
    justify-content: space-between;
    margin-bottom:100px;
    margin-top:25px;
}
.abdf_boxes {
    width: 45%;
}
.abdf_ttl {
    /*color: #009c8c;*/
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.abdf_ttl.purple {
    /*color: #41226b;*/
}
.abdf_box {
    background-color: #009c8c;
    padding: 20px;
    margin-bottom: 40px;
    text-align: center;
    color: #fff;
    position: relative;
}
.abdf_box.gray {
    background-color: #ccc;
    color: #333333;
}
.abdf_box.purple {
    background-color: #41226b;
}
.abdf_box::after {
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 15px 0 15px;
    border-color: #ccc transparent transparent transparent;
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.abdf_box.purple::after {
    border-color: #ccc transparent transparent transparent;
}
.abdf_box.lastbox {
    margin-bottom: 0;
}
.abdf_box.lastbox::after {
    border: none;
}
a.abdf_box {
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    border-radius: 15px;
    color: #fff;
    text-decoration: none;
    border-bottom: 5px solid #00685e;
    transition: all 0.3s;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}
a.abdf_box:after {
    border-radius: 0;
    color: #009c8c;
    text-decoration: none;
    bottom: -30px;
}
a.abdf_box:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    background-color: #00b3a1;
    border-bottom: 5px solid #005f56;
}
a.abdf_box.purple {
    background-color: #41226b;
    border-bottom: 5px solid #271540;
}
a.abdf_box.purple:hover {
    background-color: #6333a6;
}
a.abdf_box:hover:after {
    border-color: #ccc transparent transparent transparent;
    background-color: transparent;
}
a.abdf_box.purple:hover:after {
    border-color: #ccc transparent transparent transparent;
    background-color: transparent;
}
a.abdf_box span {
    color: #fff200;
}


#cont_box_contact{
	width:890px;
	margin:0 auto;
	padding-top:26px;
}
#cont_box_contact h1{
	width:183px;
	height:53px;
	margin:0 auto;
	padding-bottom:30px;
}

.cont_box_contact_line{
	border-bottom:1px solid #009d8d;
	margin:26px 0px;
}

#cont_box_contact_text{
	width:890px;
	margin-bottom:80px;
}

#cont_box_contact_text h2{
	font-size:15px;
	font-weight:bold;
	margin-bottom:5px;
}


#cont_box_contact th{
	width:160px;
	text-align:left;
	padding:10px 0px;
	font-size:15px;
}

/*venue ============================================*/
.documents{
	margin:70px 0;
}
.documents .set{
	width:500px;
	height:50px;
	box-sizing:border-box;
	display:flex;
	border:1px solid #179c8d;
	background:#fff;
	padding:10px;
	margin:0 auto 20px auto;
	position:relative;
}
.documents .set a:link{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	text-indent:-999px;
}
.documents .set a:hover {
    background:#179c8d;
    opacity:0.2;
    -webkit-transition:0.8s;
    -moz-transition:0.8s;
    -o-transition:0.8s;
    -ms-transition:0.8s;
    transition:0.8s;
}
.documents .set .title{
	width:320px;
	font-size:16px;
	line-height:30px;
}
.documents .set .download{
	width:180px;
	display:flex;
	border-left:1px solid #179c8d;
}
.documents .set .download .icon{
	width:45px;
	height:30px;
	text-align:right;
	margin-right:10px;
}
.documents .set .download .icon img{
	height:30px;
}
.documents .set .download .text{
	width:125px;
	font-size:16px;
	color:#179c8d;
	line-height:30px;
}

/*venue ============================================*/
.contbox_venue{
	margin-bottom:30px;
}
.contbox_venue .title{
	margin-bottom:20px;
}
.contbox_venue .set{
	width:890px;
	display:flex;
}
.contbox_venue .set .text{
	width:560px;
	padding:0 30px 0 0;
}
.contbox_venue .set .image{
	width:300px;
	height:230px;
	position:relative;
}
.contbox_venue .set .image img{
	width:100%;
	height:230px;
	position:absolute;
	left:50%;
	top:50%;
	-webkit-transform:translate3d(-50%, -50%, 0);
	transform:translate3d(-50%, -50%, 0);
	-ms-transform:translate(-50%, -50%, 0);
	object-fit:cover;
}
.contbox_venue .set .text .btn_access a:link{
	display:inline-block;
	padding:10px 30px;
	margin-top:20px;
	border:1px solid #009d8d;
	color:#009d8d;
	text-decoration:none;
}
.contbox_venue .set .text .btn_access a:visited{
	color:#009d8d;
}
.contbox_venue .set .text .btn_access a:hover{
	background:#009d8d;
	color:#fff;
}
.contbox_venue .map-text{
	margin-top:20px;
}
.contbox_venue .map-text p{
    margin-bottom:20px;
}


/*top_mainbox ============================================*/
.top_mainbox{
	width:950px;
	display:flex;
	margin:0 auto;
}
.top_mainbox .top_slide{
	width:750px;
}
.top_mainbox .top_login{
	width:200px;
	text-align:center;
	background:#fff;
	border: 1px solid #009d8e;
}
.top_mainbox .top_login .title{
	background:#009d8e;
	color:#fff;
	padding:2px 0;
	font-size:14px;
	margin-bottom:2px;
}
.top_mainbox .top_login .top_login-btn{
	margin:20px 0;
}
.top_mainbox .top_login .top_login-btn a:link{
	width:80%;
	margin:0 auto;
	text-decoration:none;
	padding:20px 0;
	display:block;
	background:#3cb5ef;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
.top_mainbox .top_login .top_login-btn a:visited{
	color:#fff;
	background:#3cb5ef;
}
.top_mainbox .top_login .top_login-btn a:hover{
	opacity:0.6;
}


#contact_formbox{
	width:890px;
	position: relative;
}
#wpcf7-f10-p42-o1 .pull{
	height:36px;
	padding:0 0 8px 0;
	width:306px;
	border:1px solid #cccccc;
	font-size:14px;
}
#wpcf7-f10-p42-o1 .con{
	height:24px;
	padding:0 0 8px 0;
	width:306px;
	border:1px solid #cccccc;
	font-size:14px;
}
#wpcf7-f10-p42-o1 .mess{
	height:145px;
	padding:0 0 15px 0;
	width:564px;
	border:0;
	font-size:14px;
	overflow-y:auto;
	_overflow-y:hidden;
	border:1px solid #cccccc;
}
.space{
	height:10px;
	margin-bottom:8px;
}


/*top_button============================================*/
#top_button{
	width:35px;
	height:44px;
	margin-bottom:18px;
	float:right;
}



/*footer============================================*/
footer{
	height:50px;
	background-color:#41226b;
}
#footer_cont{
	width:960px;
	height:32px;
	margin: 0px auto;
	color:#ffffff;
	padding-top:18px;
}

#footer_menu{
	float:left;
	font-size:12px;
}
#footer_menu a:link{
	color:#ffffff;
	text-decoration:none;
}
#footer_menu a:visited{
	color:#ffffff;
	text-decoration:none;
}
#footer_address{
	float:right;
	font-size:10px;
}

footer ul{
	font-size:12px;
}
footer ul li{
	float:left;
	padding-right:30px;
}

.float-clear{
        clear:both;
}


/* Chromeでスライダー画像がぼやける対策 ============================================*/
.easingslider-image {
    image-rendering: -webkit-optimize-contrast !important;
}


table {
	width: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 8px;
	text-align: center;
	border: 1px solid #ccc;
}

#top_button {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}

	#top_button img {
		width: 35px;
		height: auto;
	}


/* トップページのスライダー ============================================*/

.slider {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: auto;
	overflow: hidden;
	background: #000
}

/* すべての img を隠す */
.slides img {
	display: none;
	width: 100%;
	height: auto;
}

/* .slide が active のとき、その中の img を全部表示 */
.slides .active img {
	display: block;
	animation: fade .6s;
}

@keyframes fade {
	from {
		opacity: .25
	}

	to {
		opacity: 1
	}
}

.prev, .next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1rem;
	background: rgba(0,0,0,.4);
	color: #fff;
	border: none;
	cursor: pointer;
	padding: .3em .6em;
	border-radius: 50%;
	line-height: 1;
	user-select: none
}

.prev {
	left: 15px
}

.next {
	right: 15px
}

.indicators {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 12px;
	text-align: center
}

.dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 3px;
	border-radius: 50%;
	background: #bbb;
	cursor: pointer
}

	.dot.active {
		background: #fff
	}

/* リンクがないスライドはポインターにしない */
.slide.nolink {
	cursor: default
}

.slide.link {
	cursor: pointer
}

/* ログインボタン周り ============================================*/

.top_login form {
	display: flex;
	flex-direction: column;
	gap: 2px;
	padding: 0 10px; /* ← 横に少し余白を追加 */
}

.top_login label {
	font-size: 14px;
	text-align: left; /* ← 左寄せに変更 */
	margin-left: 2px;
	display: inline-block; /* ← ブロックではなく行内ブロックに戻す */
	margin-top: 2px; /* ← 下の余白を完全になくす */
	line-height: 1.4; /* ← 文字の行間も少し詰める */
}

.top_login input {
	padding: 6px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 15px;
	width: 90%; /* ← はみ出し防止（100%→95%） */
	box-sizing: border-box; /* ← 幅計算を枠内に */
	margin: 0 auto; /* ← 中央寄せに */
}

	.top_login input[type="checkbox"] {
		width: auto;
		padding: 0;
		margin: 0 6px 0px 8px; /* □と文字の隙間をここで調整 */
		border: 0;
		box-sizing: content-box;
		vertical-align: middle; /* テキストとの高さをそろえる */
	}

.top_login .forgot {
	margin: 2px 0 0;
	font-size: 11px;
	text-align: center; 
}

.top_login .login-error {
	color: #c00;
	min-height: 1.2em;
	font-size: 12px;
	text-align: left; /* ← エラーも左寄せ */
}

.btn-login {
	margin: 0px 5% 0px;
	padding: 2px 0;
	border: none;
	border-radius: 6px;
	background: #3cb5ef; /* ←ここを変更 */
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	width: 90%;
}
	.btn-login:disabled {
		opacity: 0.6;
		cursor: not-allowed;
	}
	.btn-login:hover {
		opacity: 0.6; /* header_menu_auction と同程度の薄さ */
	}

.relatedRow {
	font-size: 9px;
	text-align: left;
}
.saveaccount {
	font-size: 10px !important;
	text-align: center;
	display: inline-flex;
	align-items: center;
	padding-top: 3px; /* ← こちらなら確実に見た目で空きます */
	margin-bottom: 3px; /* ← 下に2px */
}


/* 言語選択ラジオボタン */
/* Japanese English を横並び */
.lang-select {
	display: flex;
	gap: 12px; /* ← 既存より少し狭くして重なり防止 */
	margin-bottom: 3px; /* ★ ここを追加！ */
	align-items: center;
	font-size: 14px;
}

	/* ラベル（日本語と英語） */
	.lang-select label {
		display: inline-flex;
		align-items: center;
		line-height: 1;
	}

	/* ★ 自前ラジオボタン（絶対に楕円にならない版） */
	.lang-select input[type="radio"] {
		appearance: none;
		-webkit-appearance: none;
		width: 15px; /* ← Safari でも安全なサイズ */
		height: 15px; /* ← width と同じにするのが絶対条件 */

		border-radius: 50%;
		border: 2px solid #3cb5ef;
		position: relative; /* ← これが無かったのでつぶれてた（最重要） */

		margin: 0 4px 0 0; /* ●と文字の距離（調整自由） */
		padding: 0;
		flex-shrink: 0; /* ← Safari の変形防止 */
		box-sizing: border-box;
	}

		.lang-select input[type="radio"]:checked::before {
			content: "";
			position: absolute;
			top: 1px; /* ← 修正。中央に来る */
			left: 1px; /* ← 修正。中央に来る */
			width: 9px; /* ← 中のサイズも外側に合わせて調整 */
			height: 9px;
			border-radius: 50%;
			background: #3cb5ef;
		}



/* ===== 利用規約カード ===== */
.terms-card {
	max-width: 920px;
	margin: 40px auto;
	padding: 32px 40px;
	background: #ffffff;
	text-align: left; /* ← 見出し/本文/リンクすべて左寄せ */
	box-sizing: border-box;
}

/* 見出し */
.terms-title {
	margin: 0 0 12px;
	font-size: 24px; /* 画面例に合わせたやや小さめ見出し */
	font-weight: 700;
	line-height: 1.4;
	color: #222;
}

/* リード文 */
.terms-lead {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 4; /* 画像と同等のゆったり行間 */
	color: #333;
}

/* PDFリンク行（アイコン + テキストを横並び） */
.terms-pdf {
	display: flex;
	flex-direction: row;
	justify-content: center ;
	align-items: center;
	gap: 0px;
	margin: 0px 0 22px;
	align-items: center; /* 中央揃え */
}

/* 同意ボックス（淡いグリーンの矩形内にチェック） */
.terms-agree {
	text-align: center;
	margin: 0 0 22px;
}

.agree-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 60px;
	background: #d5ebe8; /* 例画像の淡緑に近い色味 */
	border-radius: 6px;
	user-select: none;
	cursor: pointer;
}

.agree-pill__check {
	width: 16px;
	height: 16px;
}

.agree-pill__text {
	font-size: 16px;
	color: #555;
}

/* ボタン（中央配置・無効/有効の見た目切替） */
.terms-actions {
	text-align: center;
}

.btn-next {
	min-width: 180px;
	height: 48px;
	padding: 0 40px;
	border: none;
	border-radius: 4px;
	font-size: 14px;
	font-weight: 700;
	background: #7fc5ff; /* 無効時の薄い青 */
	color: #fff;
	cursor: not-allowed;
	transition: background .15s ease, opacity .15s ease;
}

	.btn-next:not([disabled]) {
		background: #2ea7ff; /* 有効時の濃い青 */
		cursor: pointer;
	}

		.btn-next:not([disabled]):hover {
			opacity: 0.92;
		}

/* 小画面最適化 */
@media (max-width: 480px) {
	.terms-card {
		padding: 24px 16px;
	}
}



/* ===== 入会登録（メール送信用） ===== */
.entry-card {
	max-width: 920px;
	margin: 40px auto 60px;
	text-align: left;
}

.entry-title {
	margin: 0 0 14px;
	font-size: 24px;
	font-weight: 700;
	color: #333;
}

.entry-lead {
	margin: 0 0 12px;
	font-size: 16px;
	line-height: 1.9;
	color: #5a5a5a;
}

/* 赤い補助リンク */
.entry-alt-login {
	margin: 6px 0 24px;
	color: #c33;
	font-size: 15px;
}

	.entry-alt-login a {
		color: #c33;
		text-decoration: underline;
	}

/* 入力行の外枠（薄いグレーのボックス） */
.entry-formwrap {
	border: 1px solid #d9d9d9;
	padding: 0;
	margin: 20px 0 26px;
	background: #fff;
}

/* 横並びの1行 */
.entry-row {
	display: flex;
	min-height: 72px;
}

/* 左側ラベル（薄グレー背景、太字） */
.entry-label {
	flex: 0 0 200px; /* 幅は必要に応じて調整可（例の見た目に近づける） */
	background: #f3f3f3;
	border-right: 1px solid #e1e1e1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	color: #444;
}

/* 右側入力エリア */
.entry-input {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	padding: 16px 18px;
}

/* テキストボックス */
.entry-text {
	width: 100%;
	height: 44px;
	border: 1px solid #d2d2d2;
	border-radius: 6px;
	padding: 0 12px;
	font-size: 16px;
	color: #333;
	box-sizing: border-box;
}

	.entry-text::placeholder {
		color: #aaa;
	}

.entry-formwrap.email-entry .entry-row + .entry-row {
	border-top: 1px solid #ccc;
	margin-top: 0px;
	padding-top: 0px;
}


/* 送信ボタン */
.entry-actions {
	text-align: center;
	margin: 18px 0 28px;
}

.btn-send {
	min-width: 180px;
	height: 44px;
	padding: 0 36px;
	border: none;
	border-radius: 6px;
	background: #3cb5ef; /* 既存の青系に合わせる */
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	cursor: pointer;
	transition: opacity .15s ease;
}

	.btn-send:disabled {
		background: #9fd7f6;
		cursor: not-allowed;
	}

	.btn-send:not(:disabled):hover {
		opacity: 0.6;
	}

/* 注意書き(赤の箇条書き) */
.entry-notes {
	max-width: 720px;
	margin: 0 auto;
	color: #c33;
	padding-left: 240px;
	font-size: 15px;
	line-height: 1.4;
}

	.entry-notes ul {
		margin: 8px 0 0 1.4em;
	}

	.entry-notes li {
		list-style: disc;
		margin: 0 0 6px;
	}

/* スマホ最適化 */
@media (max-width: 560px) {
	.entry-row {
		flex-direction: column;
	}

	.entry-label {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #e1e1e1;
		justify-content: flex-start;
		padding: 10px 12px;
	}

	.entry-input {
		padding: 12px;
	}
}

/* ===== 入会申込書ダウンロード ===== */

.memshipdload-card {
	max-width: 920px;
	margin: 40px auto;
	padding: 32px 40px;
	background: #ffffff;
	text-align: left; /* ← 見出し/本文/リンクすべて左寄せ */
	box-sizing: border-box;
}

/* 見出し */
.memshipdload-title {
	margin: 0 0 12px;
	font-size: 24px; /* 画面例に合わせたやや小さめ見出し */
	font-weight: 700;
	line-height: 1.4;
	color: #222;
}

/* リード文 */
.memshipdload-lead {
	margin: 0 0 20px;
	font-size: 16px;
	font-weight: 700;
	line-height: 4; /* 画像と同等のゆったり行間 */
	color: #333;
}

.memshipdload-agree {
	text-align: center;
	margin: 0 0 22px;
}

.agreeMemship-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 60px;
	background: #d5ebe8; /* 例画像の淡緑に近い色味 */
	border-radius: 6px;
	user-select: none;
	cursor: pointer;
}

.agreeMemship-pill__check {
	width: 16px;
	height: 16px;
}

.agreeMemship-pill__text {
	font-size: 16px;
	color: #555;
}

/* ボタン（中央配置・無効/有効の見た目切替） */
.memshipdload-actions {
	text-align: center;
}

.company-formwrap {
	border: 1px solid #d9d9d9;
	padding: 0;
	margin: 20px 0 26px;
	background: #fff;
}

/* 横並びの1行 */
.company-row {
	display: flex;
	min-height: 72px;
}

/* 左側ラベル（薄グレー背景、太字） */
.company-label {
	flex: 0 0 200px; /* 幅は必要に応じて調整可（例の見た目に近づける） */
	background: #f3f3f3;
	border-right: 1px solid #e1e1e1;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 700;
	font-size: 16px;
	color: #444;
}

/* 右側入力エリア */
.company-input {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	padding: 16px 18px;
}

/* テキストボックス */
.company-text {
	width: 100%;
	height: 44px;
	border: 1px solid #d2d2d2;
	border-radius: 6px;
	padding: 0 12px;
	font-size: 16px;
	color: #333;
	box-sizing: border-box;
}

	.company-text::placeholder {
		color: #aaa;
	}


.haveto {
	font-size: 9px;
	padding: 5px;
	background: #ff9393;
	color: #fff;
	border-radius: 2px;
	margin-left: 5px;
	position: relative;
	bottom: 1px;
}