@charset "UTF-8";


.small{font-size:0.8em;}
.nowrap{display:inline-block;}
.link_point {display:block; padding-top:90px; margin-top:-90px;}
.select_display_table {
	table-layout: fixed;
}
.select_display_table tr{border-bottom:solid 1px #000;}
.select_display_table th,
.select_display_table td {
	font-weight: normal;
	text-align: left;
	padding: 12px 15px;
}
.select_display_table th{width:150px;text-align:center;}

@media screen and (max-width: 640px) {
  .select_display_table {
    width: 100%;
  }
  .select_display_table th,
  .select_display_table td{
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .select_display_table tr{border-bottom:0px;}
  .select_display_table th{background-color:#f2f2f2;text-align:left;}
  .select_display_table.bgwhite th{background-color:#ffffff!important;}
  .select_display_table tbody td {margin: 0 0 20px 0;}
  .select_display_table td.sp-none {display:none;}
}

.bnr_header {
	position: relative;
}
.bnr_header .img_area img {
	object-fit: cover;
	height: 350px;
	width: 100%;
}
.bnr_header .text_area {
	top: 0;
	left: 0;
	width: 100%;
	color: #000;
/*	border-top: 1px solid #000;*/
/*	background: rgba(0,0,0,.5); */
}
.bnr_header .text_area .inner {
	padding: 30px 0;
}
.bnr_header .text_area .cont {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

@media screen and (min-width: 768px) {
	.bnr_header .text_area .inner {
		padding: 20px 30px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.bnr_header .img_area img {
		object-position: 30%;
	}
}
@media screen and (max-width: 1023px) {
	.bnr_header .text_area .cont .inner {
		padding: 20px 0;
	}
}
@media screen and (min-width: 1024px) {
	.bnr_header .text_area .inner {
		max-width: calc(1220px + 60px);
		margin: 0 auto;
	}
	.bnr_header .text_area .cont .inner {
		display: flex;
		align-items: center;
	}
	.bnr_header .text_area .cont .btn_area {
		margin:0;
		white-space: nowrap;
		padding:10px 0;
	}
}

.speaker{display:flex;align-items:center;align-items:stretch;margin-top:20px;}
.speaker .pic_area {margin-right:20px;width:220px;}
@media screen and (max-width: 768px) {
.speaker{display:block;text-align:center;}
.speaker .pic_area {width:100%;text-align:center;margin-bottom:20px;}
}

/* ==================================================
	main
================================================== */

.main {
	position: relative;
}
.main img {
	object-fit: cover;
	width: 100%;
	min-height: 306px;
}
.main .text_area1 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	color: #fff;
	background: rgba(0,0,0,.4);
}
.main .text_area1 .inner1 {
	padding: 15px 20px;
	border-top: 1px solid #fff;
}

@media screen and (max-width: 767px) {
	.main img {
		max-height: 750px;
	}
}

@media screen and (min-width: 768px) {
	.main img {
		object-position: 30%;
		height: auto;
	}
	.main .text_area1 .inner1 {
		padding-right: 30px;
		padding-left: 30px;
	}
}