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

    common

----------------------------------------*/
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

@media screen and (max-width: 1000px) {
  ul {
    padding: 0;
  }
}

li {
  list-style: none;
}

li a {
  text-decoration: none;
  color: #000000;
}

p {
  margin: 0;
  padding: 0;
}

a {
  display: block;
  transition: all .3s
}

a:hover {
  opacity: .7;
}

img {
  width: 100%;
}

#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: #000067;

  text-align: center;

  background: #9fd9f6; }

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

h3{
  color: #fff;
  font-weight:bold;
  background: #008071;
  margin-bottom: 0;
}

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 {
  max-width: 750px;
  margin: 0 auto;
  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

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


/* header */
.header {
  background: #1E1E1E;
  padding: 20px;
  text-align: center;
}
.header a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
}
.header img {
  width: 240px;
  display: block;
  margin: 0 auto;
}

/* 余計なスタイルの除去 */
#contents,
.colWrap.t80 {
  padding-top: 0!important;
}
#header {
  position: static;
}
.breadcrumb_list.pc {
  display: block!important;
  margin: 0!important;
  padding: 10px!important;
  overflow-x: auto;
}
.breadcrumb_list ul {
  white-space: nowrap;
  display: flex;
  font-size: 12px;
  margin: 0;
}
.breadcrumb_list span {
  margin: 0 15px;
}
#Block08 .ContentsBox {
  border-bottom: none;
}

/* /header */

/* footer */
.footer {
  background: #1E1E1E;
  padding: 20px;
  text-align: center;
  margin-top: 60px;
}
.footer a {
  display: block;
  color: #ffffff;
  text-decoration: none;
  font-size: 12px;
}
.footer img {
  width: 240px;
  display: block;
  margin: 0 auto 10px auto;
}
.footer address {
  font-size: 10px;
  font-style: normal;
  color: #ffffff;
  margin-top: 20px;
}
/* /footer */

.bnr_seminer {

  margin: 3rem 0;

  text-align: center; }

  .bnr_seminer img:hover {

    opacity: .6; }



.koushi_wrap {
  margin-bottom: 2em;

  padding: 2rem 0;

  background: #e0eff6; }

  .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;
}

.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 {
  font-weight: bold;
}

.outline p {
  margin: 0;
  padding: 5px 0;
}

.outline dt {
  width: 15%;
  text-align: center;
  background: #b3d9d4;
  color: #068374;
  padding: 10px 0;
  border-bottom: 2px solid #068374;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.1em;
}

.outline dd {
  width: 100%;
  margin: 0;
  padding: 10px 0 10px 20px;
  border-bottom: 2px solid #555;
  font-size: 1.2em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 1000px) {
  .outline dd {
    box-sizing: border-box;
    border-bottom: 2px solid #068374;
    flex-direction: column;
    padding: 20px;
    font-size: 1.2em;
  }
}

.outline dl {
  margin: 0;
}

.outline ul{
  list-style: none;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.watch dd {
  font-size: 16px;
}

.under-line {
  border-bottom: 1px dashed #b3d9d4;
  margin: 0;
}

.device-list {
  display: flex;
}

.device-list li+li {
  margin-left: 50px;
}

@media screen and (max-width: 1000px) {
  .device-list li+li {
    margin-left: 0;
  }
}

.caution {
  font-size: 14px;
  font-weight: normal;
}

.support {
  display: flex;
  align-items: center;
}

.support-title {
  font-size: 22px;
}

.support-list {
  font-size: 18px;
}

.support ul {
  margin-left: 30px;
}

@media screen and (max-width: 1000px) {
  .support ul {
    margin: 0;
  }
}

.support-item a {
  text-decoration: none;
  color: #000000;
  display: inline-block;
}


.seminar_bar {

	width: 100%;

	padding: 0.5em;

	background-color: #000000;

	color: #FFFFFF;

	text-align: center;

}

.data-list {
  display: flex;
}

@media screen and (max-width: 1000px) {
  .data-list {
    flex-direction: column;
  }
}

.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; }

.bnr_seminer {
  margin: 2rem 0;
	}

  .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;
}
}