/*----------------------------------------

    common

----------------------------------------*/

#contents {

  border-top: 1px solid #B3B3B4; }



.txt_wrap {

  margin: 0 auto;

  width: 990px;

  font-size: 18px; }

.pc-none{
  display: inline-block;
}
.sp-none{
  display: none;
}

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


/*----------------------------------------

    txt

----------------------------------------*/

h2,h3 {

  margin: 2rem 0;

  padding: .5rem;

  font-size: 25px;

  color: #fff;

  text-align: center;

  background: #c3cb6c; }

h3 span{
display: inline-block;
margin: .3em auto.5em;
padding: .3em;
font-size: 85%;
border: 1px solid #fff;
}

h3{
	background: #000;
}

h4 {

  position: relative;

  margin: 0 auto 2rem;

  padding: .5rem 1rem;

  width: 300px;

  font-size: 23px;

  font-weight: bold;

  color: #0b3e67;

  text-align: center;

  border: #0b3e67 5px solid; }

  h4:before {

    content: "";

    position: absolute;

    top: 50%;

    left: -165px;

    width: 160px;

    border-top: #0b3e67 5px solid; }

  h4:after {

    content: "";

    position: absolute;

    top: 50%;

    left: 295px;

    width: 160px;

    border-top: #0b3e67 5px solid; }



.tC {

  text-align: center; }



div.txt_title {

  margin: 2rem 0;

  padding: 2rem;

  font-size: 18px;

  text-align: center;

  background: #fefec4; }

  div.txt_title h3 {

    font-size: 37px;

    font-weight: bold;

    line-height: 1; }

    div.txt_title h3 span {

      font-size: 24px;

      line-height: 2; }



/*----------------------------------------

    style

----------------------------------------*/

.bnr_seminer {

  margin: 3rem 0;

  text-align: center; }

  .bnr_seminer img:hover {

    opacity: .6; }



.koushi_wrap {
  margin-bottom: 2em;

  padding: 2rem 0;

  background: #f0f2dc; }

  .koushi_wrap h2 {

    margin: 0 auto 2rem;

    width: 990px; }

  .koushi_wrap ul {

    margin: 0 auto;

    width: 900px; }

.koushi_wrap ul li{
	display: flex;
	justify-content: space-between;
}

.koushi_wrap ul li:first-child{
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
	border-bottom: 2px dashed #c3cb6c;
}

.koushi_wrap.speaker dl{
	display: flex;
	flex-wrap: wrap;
}
.koushi_wrap.speaker dl dt{
	margin-bottom: .5em;
	width: 20%;
}
.koushi_wrap.speaker dl dd{
	margin-bottom: .5em;
	width: 80%;
}

.koushi_wrap ul li figure{
	width: 30%;
}

.koushi_wrap ul li > div {
	width: 65%;
	
	font-size: 30px;

	font-weight: bold;

	margin: auto;

}

.koushi_wrap ul li div span {

    font-size: 16px;

    font-weight: normal; }

h1 img {

  margin-bottom: 1.5rem; }

h1 + .txt_wrap {

  display: grid;

  display: -ms-grid;

  grid-template-rows: 40px 40px;

  grid-template-columns: 495px 1fr;

  -ms-grid-columns: 495px 1fr;

  -ms-grid-rows: 40px 40px; }

  h1 + .txt_wrap dl {

    display: flex;

    align-items: center;

    margin: .5rem 0;

    font-size: 20px;

    font-weight: bold; }

    h1 + .txt_wrap dl:nth-child(1) {

      grid-column: 1 / 2;

      grid-row: 1 / 2;

      -ms-grid-column: 1;

      -ms-grid-row: 1;

      margin-bottom: 1.2rem; }

    h1 + .txt_wrap dl:nth-child(2) {

      grid-column: 1 / 2;

      grid-row: 2;

      -ms-grid-column: 1;

      -ms-grid-row: 2; }

    h1 + .txt_wrap dl:nth-child(3) {

      grid-column: 2 / 3;

      grid-row: 1 / 3;

      -ms-grid-column: 2;

      -ms-grid-row: 1;

      -ms-grid-row-span: 2; }

      h1 + .txt_wrap dl:nth-child(3) dt {

        padding: 1.5rem 1rem; }

    h1 + .txt_wrap dl dt {

      display: inline-block;

      margin-right: 1rem;

      padding: .1rem 1rem;

      color: #0b3e67;

      border: #0b3e67 solid 3px; }

    h1 + .txt_wrap dl dd {

      line-height: 1.8; }



h4 + div {

  display: flex;

  justify-content: space-between;

  font-size: 30px; }

  h4 + div p {

    font-weight: bold; }

    h4 + div p strong {

      font-size: 25px;

      font-weight: bold;

      color: #0b3e67; }



.sche {

  display: flex; }

  .sche dl {

    display: flex;

    flex-wrap: wrap;

    width: 50%;

    margin-bottom: 3rem; }

    .sche dl dt {

      margin-bottom: 1rem;

      width: 30%;

      color: #0b3e67; }

    .sche dl dd {

      margin-bottom: 1rem;

      width: 70%; }



.outline {

  display: flex;

  flex-wrap: wrap;

  border-top: #999 1px solid;

  border-left: #999 1px solid; }

  .outline dt {

	padding: 1rem;

	width: 15%;
	
	color: #fff;

	font-weight: bold;

	background: #6c6b6b;

	border-bottom: #fff 1px solid;

}

  .outline dd {

	padding: 1rem;

	width: 85%;

	border-bottom: #999 1px solid;

	border-right: #999 1px solid;

}

.outline ul{
	display: flex;
	justify-content: space-between;
	margin-top: 1em;
}
.outline li{
	width: 48%;
}

.seminar_bar {

	width: 100%;

	padding: 0.5em;

	background-color: #000000;

	color: #FFFFFF;

	text-align: center;

}

.seminar_bar img {

	width: 90%;

	max-width: 402px;

}

.voice{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2em;
}
.voice dl{
	margin-bottom: 1em;
	padding: .8em;
	width: 45%;
	border: 5px solid #d2e1dc;
	border-radius: 5px;
	box-shadow: 0 0 10px #333;
}
.voice dt{
	padding-bottom: .8em;
	color: #642d00;
	border-bottom: 1px dotted #333;
}
.voice dd{
	padding-top: .8em;
	font-size: 14px;
}

.slider_area {
	margin: 0 auto 10em;
	width: 98%;
	max-width: 700px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.slider_obi {
	padding: 0.5em;
	margin: 0.5em auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #dcdcdc;
	font-size: 130%;
	text-align: center;
}
.slider_area .slider_txt {
font-size: 130%; line-height: 5px; margin: -0.5em 0 0 1.5em; padding: 0;
}


/*----------------------------------------

    SP

----------------------------------------*/

@media screen and (max-width: 1000px) {

  #contents {

    padding-top: 20%;

    width: 100%; }



  .txt_wrap {

    width: 90%; }



  h1 + .txt_wrap {

    display: block; }



  div.txt_title h3 span {

    line-height: 1; }



  h4 {

    width: 56%; }

    h4 + div {

      display: block;

      text-align: center; }

    h4:before {

      left: -50%;

      width: 50%; }

    h4:after {

      left: 100%;

      width: 50%; }



  .sche {

    display: block; }

    .sche dl {

      display: block;

      margin-bottom: 0;

      width: 100%; }

      .sche dl dt {

        margin-bottom: 0;

        width: 100%; }

      .sche dl dd {

        padding-bottom: 1rem;

        width: 100%;

        border-bottom: 1px #555 solid; }



  .koushi_wrap h2 {

    margin: 0 auto 2rem;

    width: 90%; }

  .koushi_wrap ul {
	padding: 0;
    width: 90%; }

    .koushi_wrap ul li {

	/* [disabled]margin-right: 1rem; */
	flex-direction: column;
}
	.koushi_wrap ul li figure{
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}

      .koushi_wrap ul li span {

        display: inline-block;

        margin: 1rem 0; }

.koushi_wrap ul li > div {
	width: 100%;
	text-align: center;
	}

.koushi_wrap.speaker dl dt{
	width: 30%;
	}
.koushi_wrap.speaker dl dd{
	width: 70%;
}

	
  .outline {

    display: block; }

    .outline dt {

      width: 100%; }

    .outline dd {

      width: 100%; } 
.outline ul{
	flex-direction: column;
}
.outline li{
	width: 100%;
}

.voice{
	flex-direction: column;
}
.voice dl{
	width: 100%;
}
.voice dt{
}
.voice dd{
}
	
.slider_area {
	margin: 0 auto 6em;
	width: 98%;
}

.slick-dots {
    bottom: -60px;
}
}

.bt_m {
	text-align: center;
	margin: 0.8em auto 0;
	display: table;
	padding: 0 0.3em;
	font-size: 120%;
	/* [disabled]max-width: 950px; */
	width: 100%;
	font-weight: bold;
	border-radius: 10px;
}
.bt_m a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 1em 0;
	display: block;
}
.bt_m em {
	font-style: normal;
	font-size: 70%;
}
.bt_m span {
	font-style: normal;
	font-size: 86%;
}

.bt_m.bg01 {
	background-image: url(../images/bt_bg03.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bt_m.bg02 {
	background-image: url(../images/bt_bg02.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bt_m.bg03 {
	background-image: url(../images/bt_bg01.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bt_m.bg04 {
	background-image: url(../images/bt_bg04.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
table.moushikomibutton {
	width: 100%;
	margin: 2em auto 2em;
	padding: 0;
	max-width: 980px;
	border-collapse: collapse;
	box-sizing: border-box;
}

table.moushikomibutton td {
	width: 50%;
	margin: auto;
	padding: 0 2em;
}
.live_obi {
background-color: #4D2F00; color: #FFF; font-weight: bold; font-size: 40px; padding: 0.5em;
}