layout.csslayout.csslayout.css@charset "utf-8";

/*
  File Name   : top.css
*/


/* PC Layout ******************************************************************************************* */

/* Index
============================================================ */
#top {
 	margin: 0 auto;
 	width: 1200px;	
}

/* information ----------------------------------------------*/
#top .information {
 	background-color: #dedccc;
 	margin: 0 auto 60px auto;
 	width: 1200px;
}
#top .information-inner {
 	margin: 0 auto;
 	width: 680px;
	padding: 30px 0;
}
#top .information-inner h2 {
 	font-size: 21px;
	border-bottom: solid 1px #7e7638;
	line-height: 1.5em;
}
#top .information-inner dl {
	font-size: 16px;
	line-height: 2em;
	margin: 20px 0 0 0;
}
#top .information-inner dt {
	clear: left;
	color: #414141;
	float: left;
	width: 20%;
}
#top .information-inner dd {
	margin: 0 0 0 20%;
	
}

/* chairman --------------------------------------------------*/
#top .chairman-inner {
 	margin: 0 auto;
 	width: 1020px;
	line-height: 1.8em;
}
#top .chairman-inner h2 {
	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 30px;
}
#top .chairman-wrap {
	display: flex;
}
#top .chairman-photo {
	min-width: 0;
	/*width: 155px;
	height: 197px;*/
}
#top .chairman-photo figure {
	margin: 0;
	display:inline-block;
}
#top .chairman-photo p {
	font-weight: bold;
	vertical-align:bottom;
	display:inline-block;
	margin: 0 0 0 10px;
}
#top .chairman-photo span {
	font-size: 22px;
}
#top p.chairman-text {
	padding: 20px 0 0 0;
}

/* summary --------------------------------------------------*/
#top .summary-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .summary-inner h2 {
	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .summary-inner table {
	border-collapse: separate;
	border-spacing: 4px;
	margin-left: -4px;
	width: calc(100% + 4px);
	line-height: 1.8em;
}
#top .summary-inner table th {
	background-color: #e4e4e4;
	padding: 20px;
	text-align: left;
	width: 200px;
	box-sizing: border-box;
}
#top .summary-inner table td {
	background-color: #f2f2f2;
	padding: 20px;
}

/* program --------------------------------------------------*/
#top .program-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .program-wrap {
 	display: flex;
}
#top .program-wrap h2 {
	font-size: 30px;
	display: flex;
	margin: 25px 0 0 0;
}
#top .program-wrap figure {
 	display: flex;
	margin: 0 0 0 40px;
}

/* special --------------------------------------------------*/
#top .special-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .special-wrap {
 	display: flex;
}
#top .special-wrap h2 {
	font-size: 30px;
	display: flex;
	margin: 25px 0 0 0;
}
#top .special-wrap figure {
 	display: flex;
	margin: 0 0 0 40px;
}

/* convention --------------------------------------------------*/
#top .convention-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .convention-wrap {
 	display: flex;
}
#top .convention-wrap h2 {
	font-size: 30px;
	display: flex;
	margin: 25px 0 0 0;
}
#top .convention-wrap figure {
 	display: flex;
	margin: 0 0 0 40px;
}

/* recruitment --------------------------------------------------*/
#top .recruitment-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .recruitment-inner h2 {
	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .recruitment-inner table {
	border-collapse: separate;
	border-spacing: 4px;
	margin-left: -4px;
	width: calc(100% + 4px);
	line-height: 1.8em;
}
#top .recruitment-inner table th {
	background-color: #e4e4e4;
	padding: 20px;
	text-align: left;
	width: 200px;
	box-sizing: border-box;
}
#top .recruitment-inner table td {
	background-color: #f2f2f2;
	padding: 20px;
}
#top .recruitment-inner figure {
	margin-top: 30px;
}
#top p.recruitment-layout {
	margin-top: 30px;
}

/* entry --------------------------------------------------*/
#top .entry-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .entry-inner h2 {
	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .entry-inner table {
	border-collapse: separate;
	border-spacing: 4px;
	margin-left: -4px;
	width: calc(100% + 4px);
	line-height: 1.8em;
}
#top .entry-inner table th {
	background-color: #e4e4e4;
	padding: 20px;
	text-align: left;
	width: 200px;
	box-sizing: border-box;
}
#top .entry-inner table td {
	background-color: #f2f2f2;
	padding: 20px;
}
#top .entry-inner figure {
	margin-top: 30px;
}
#top p.entry-layout {
	margin-top: 30px;
}

/* feature --------------------------------------------------*/
#top .feature-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .feature-inner h2 {
 	font-size: 30px;
	letter-spacing: 0.2em;
	margin: 10px 0 40px 0;
}
#top .feature-inner h3 {
 	font-weight: bold;
	margin: 0 0 20px 0;
}
#top .feature-inner h3:before {
 	content: '●';
 	color: #e75831;
}
#top .feature-inner h4 {
 	font-weight: bold;
	margin: 0 0 10px 0;
}
#top .feature-inner span {
 	color: #e75831;
}
#top .feature-text {
	margin: 0 0 40px 0;
	line-height: 1.8em;
}
#top .feature-text p {
	padding-left: 1em;
 	text-indent: -1em;
}
#top .feature-wrap {
	display: flex;
	margin: 0 0 40px 0;
}
#top .feature-wrap p {
	font-weight: bold;
	line-height: 1.8em;
}

/* participant --------------------------------------------------*/
#top .participant-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .participant-inner h2 {
 	font-size: 30px;
	letter-spacing: 0.2em;
	margin: 10px 0 40px 0;
}
#top .participant-text {
 	line-height: 1.8em;
}
#top .participant-text h3 {
 	font-weight: bold;
	margin: 40px 0 15px 0;
}
#top .participant-text h3:before {
  content: '●';
  color: #e75831;
}
#top .participant-text p {
	padding-left: 1em;
 	text-indent: -1em;
}
#top .participant-line p {
	display: block;
	padding: 0 0 20px 0;
}
#top .participant-line span {
	font-weight: bold;
}
#top .participant-text tr {
	display: block;
	padding-top: 20px;
}
#top .participant-text th {
	text-align: left;
	vertical-align: top;
}

/* meeting --------------------------------------------------*/
#top .meeting-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .meeting-inner h2 {
 	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .meeting-inner h3 {
 	font-weight: bold;
	margin: 40px 0 15px 0;
}
#top .meeting-inner h3:before {
  content: '●';
  color: #e75831;
}
#top .meeting-inner figure {
	margin-top: 20px;
	text-align: center;
}
#top .meeting-text {
 	line-height: 1.8em;
}
#top .meeting-text a:link,
a:visited,
a:active {
 	color: #e75831;
	font-weight: bold;
	text-decoration: none;
}
#top .meeting-text a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/* access --------------------------------------------------*/
#top .access-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .access-inner figure {
 	margin: 0 0 40px 0;
}
#top .access-inner h2 {
 	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .access-inner h3 {
 	font-weight: bold;
	/*margin: 0 0 15px 0;*/
}
#top .access-inner h3:before {
 	content: '●';
 	color: #e75831;
}
#top .access-inner p {
 	line-height: 1.8em;
}
#top .access-inner span {
	color: #e75831;
	font-weight: bold;
}
#top p.access-text01 {
	margin: 0 0 15px 0;
}
#top p.access-text02 {
	margin: 0 0 60px 0;
}

/* place --------------------------------------------------*/
#top .place-inner {
 	margin: 0 auto;
 	width: 1020px;
}
#top .place-inner figure {
 	margin: 30px 0 100px 0;
}
#top .place-inner h2 {
 	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .place-inner h3 {
 	font-weight: bold;
	margin: 50px 0 15px 0;
}
#top .place-inner h3:before {
  content: '●';
  color: #e75831;
}

/* lodging --------------------------------------------------*/
#top .lodging-inner {
 	margin: 0 auto 50px auto;
 	width: 1020px;
}
#top .lodging-inner h2 {
 	font-size: 30px;
	letter-spacing: 0.2em;
	margin-bottom: 10px;
}
#top .lodging-wrap {
 	display: flex;
}
#top .lodging-wrap h2 {
	font-size: 30px;
	display: flex;
	margin: 25px 0 0 0;
}
#top .lodging-wrap figure {
 	display: flex;
	margin: 0 0 0 40px;
}

/* inquiry --------------------------------------------------*/
#top .inquiry-inner {
  margin: 0 auto;
  padding: 50px 4px 50px 0;
  width: 1020px;
}
#top .border {
  border: 1px solid #afafaf;
}
#top .inquiry-inner .border .border-inner {
  padding: 50px;
}
#top .inquiry-inner h2 {
  font-size: 30px;
  letter-spacing: 0.2em;
  margin-bottom: 40px;
}
#top .inquiry-inner h3 {
  font-size: 17px;
  margin-bottom: 20px;
}
#top .inquiry-inner p {
  line-height: 1.8em;
}


/* Sub
============================================================ */




/* SP Layout ******************************************************************************************* */

/* Index
============================================================ */
@media screen and (min-width : 1164px ){
  
}
/* End media screen */