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

/*==============================================================================*/
/* 下層
============================================================================== */
/*header*/
#undHeaderWrap{ background:rgba(255,255,255,0.8); }
#undHeaderTitle{ padding:15px 0 30px 220px; font-size:1.8em; width: 1000px; margin: 0 auto;line-height: 1.1em; }
#undHeaderTitle #titleTime{ font-size:0.6em; display:block; margin-left: 5px;}
#undHeaderTitle #titleNum{ font-size:1.5em; color:#154cb1;}

#undMain{ width: 100%;  height: 0;  padding-bottom: 24px; }
#undMain img, #titleUnder img{ height:100%; width: 100%; }
#pageTitle{ letter-spacing: 5px; padding: 20px 0;color:#fff; text-align: center; font-size:2.4em;
	margin-top:-8.8%; line-break: strict;}

@media all and (-ms-high-contrast: none) {
/* ここに書く */
#pageTitle{ margin-top:-8.2%;  }
}
#mainWrap{ position:relative; }

#titlebg{ position: absolute;  width: 100%; }

#titleUnder{ position: absolute; left: 0; }

/*bread*/
#breadcrumb{ margin: 0 /*auto*/ 0 50px; width: 100%;  background:#efefef; }
#breadcrumb ol{ width:92%; margin: 0 auto; font-size:0.86em; list-style:none; box-sizing:border-box; padding-bottom: 5px; line-height: 1.6em;}
#breadcrumb li{ float:left; letter-spacing: 0.39px;}
#breadcrumb li a{ color:#333;  }
#breadcrumb li a:after{ margin:0 8px; color:#333; display: inline-block;
content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 700;font-size: 0.8em;
	line-height: 1.8em;
}
#breadcrumb li a:hover{ color:#8e1c18; }
/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
 #breadcrumb li a:after {line-height: inherit;}
}


/*title*/
.mainTitle{ border-bottom: solid 1px #e3c9c8; position: relative; font-size:1.2em; padding-bottom:15px; margin-bottom:40px; }
	
	
.mainTitle:after{ position: absolute; content: ' ';
  display: block;	border-bottom:1px solid #a52e2a; bottom: -1px;  width: 24%;
	}

.contentBox{ margin-bottom:70px; padding:0 4%; box-sizing:border-box; width:100%; }

.subTitle{ color:#a52e2a; font-size:1.13em; margin-bottom:12px; display: block;}

/*table*/
table, tbody{ width:100%; }

table span br{ display:none;}

tr{ border-bottom:1px solid #d9d9d9;  }
tr:last-child{ border-bottom:none; }
th,td{  box-sizing:border-box; vertical-align:top;}

.meetingBox2 { margin:50px 0; border: 3px solid #efefef; }
.meetingBox2 dl{ font-size: 1.2em; }
.meetingBox2 dt{ color:#a52e2a; }
.meetingBox2 dd{ background: #ffeeed; padding: 5px 10px; box-sizing: border-box;}
.meetingBox2 p{ margin-bottom:20px }

#schedule{ 
  display: flex;
  /*border: 4px solid #efefef;*/
background: #ffeeed;
  padding: 20px;
  justify-content: center;
  margin-bottom: 20px;
}

#webnotice { margin-bottom:50px }
#webnotice li{line-height: 1.6em;  }
#webnotice li,.watchlist dt{  position:relative; padding-left: 20px; }

.watchlist { list-style-type: none; counter-increment: cnt; margin-bottom: 10px; }
.watchlist:before,
.watchlist dt:before{ position:absolute; left:0 }
.watchlist:before{ content: "" counter(cnt) ")";  }
.watchlist dt:before{ content:"・"; }

.watchlist dt{ font-size: 1.1em;
color: #8e1c18; padding: 5px 20px;
background: #efefef;
margin: 5px 0}

.watchlist dd{  margin-bottom:20px; }



/*sp-----------------------------------------------------*/
@media screen and (min-width: 361px) {
  .meetingBox2 dl{ display: flex; justify-content: center; margin-bottom: 5px; align-items: center; }
  .meetingBox2 dt{ width:150px;} 
  .meetingBox2 dd{ width:160px; }
  }

@media screen and (min-width: 641px) {
#schedule{  font-size: 1.4em;} 
}

@media screen and (max-width: 1059px) {
#underHead{ height:71px; }
#underLogo a{ display:block;  height: 71px;  padding: 14px 4%;  box-sizing: border-box;} 

#pageTitle{ padding:0; margin-top:0; }

#titleUnder{ top: 94px; display:none; }
.drawer-opened .contentBox{ padding:0 4%; }
#titlebg{ background:inherit; top: 40%; }	
#undMain{ background:url(../img/undMainTitlesp.png) center 0 no-repeat #efefef; background-size:cover;  padding-top:41%;}
}
/*IE*/
@media all and (max-width: 1059px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #titlebg{ top: 42%;}
}

@media screen and (max-width: 667px) {
#titlebg{ top: 36%; }
}
/*IE*/
@media all and (max-width: 667px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #titlebg{ top: 38%;}
}


@media screen and (max-width: 640px) {
#pageTitle{ font-size:2em; line-height: 1.2em;}
#schedule{  font-size: 1.2em;}
}

@media screen and (max-width: 639px) {
table ,tbody, tr, th, td { width: 100%; display:block;}
tr{ border-bottom:none; }
th{ background:#efefef; }
}

@media screen and (max-width: 460px) {
  #breadcrumb ol{ font-size: 0.8em; width: 93%;}
  #breadcrumb li{ letter-spacing: 0.1px; }
#breadcrumb li a::after { margin: 0 5px;}
}
@media screen and (max-width: 430px) {
#schedule dt{ width:60px }
#schedule dd span,
.watchbtn span{ display: block; }
}

@media screen and (max-width: 414px) {
#titlebg{ top: 32%; }
#pageTitle{ padding: 0 2%; letter-spacing: 1px; font-size: calc((100vw - 320px) / 140 + 28px);}
}
/*IE*/
@media all and (max-width: 414px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #titlebg{ top: 34%;}
}

@media screen and (max-width: 410px) {
table span br{ display:block;  }
}

@media screen and (max-width: 369px) {
.faxtxt {display:block;} 
}

@media screen and (max-width: 360px) {
  .meetingBox2 dl{margin-bottom: 10px;}
}

@media screen and (max-width: 320px) {
#titlebg{ top:28%; }
}
/*IE*/
@media all and (max-width: 320px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #titlebg{ top: 30%;}
}


/*PC*/
@media screen and (min-width: 1060px) {
#underHead{ display:none; }
/*pagetitle*/
#titlebg{ background:url(../img/undMaintitleBg.png) center 0 no-repeat; background-size:cover;
/*rgba(165,46,42,0.95);*/ position: absolute; width: 100%; top: 0; padding-top:13%; height: 0; }
#pageTitle{ padding: 0 ;  }

#undMain{ background:url(../img/undMain.jpg) center 0 no-repeat; background-size:cover;  padding-top:26.0927152318%;}
#breadcrumb ol{ width: 740px;}
.meetingBox2 { padding: 15px 50px ; }
}

    

@media screen and (max-width: 1600px) and (min-width: 1301px) {
#pageTitle{ margin-top: -9.3%}
}
/*IE*/
@media all and (max-width: 1600px) and (min-width: 1301px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #pageTitle{ margin-top: -9%}
}

@media screen and (max-width: 1300px) and (min-width: 1201px) {
#pageTitle {margin-top: -10%;}
}
/*IE*/
@media all and (max-width: 1300px) and (min-width: 1201px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #pageTitle{ margin-top: -9.2%}
}

@media screen and (max-width: 1200px) and (min-width: 1060px) {
#pageTitle {margin-top: -10.4%;}
}
/*IE*/
@media all and (max-width: 1200px) and (min-width: 1060px) and (-ms-high-contrast: none) {
  *::-ms-backdrop, #pageTitle{ margin-top: -9.5%}
}