@charset "UTF-8";
.mb-xlg {
  margin-bottom: 4rem; }

.gradually-color, ul.p-organizer-list li {
  transition: all .3s ease; }

.bg-site-light {
  background-color: #f1f1f1; }

.row-tight > [class^="col-"] {
  padding-left: 10px;
  padding-right: 10px; }

.required::after {
  display: block;
  content: '必須';
  color: #fff;
  background: #dc143c;
  width: 3em;
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
  float: right; }

@media (min-width: 751px) {
  .pc-only {
    display: block; }
  .sp-only {
    display: none; } }

@media (max-width: 750px) {
  .pc-only {
    display: none; }
  .sp-only {
    display: block; } }

.letter-spacing-0 {
  letter-spacing: 0; }

#hero {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 18.75vw; }
  #hero img {
    width: 100%;
    height: auto; }

@media only screen and (min-width: 751px) {
  #hero {
    margin: 10px auto 40px;
    text-align: center; }
    #hero img {
      width: 100%;
      max-width: 1000px;
      margin: 0 auto; }
    #hero .mobile-only {
      display: none; } }

@media only screen and (min-width: 1001px) {
  #hero {
    background: url(../images2022/index/hero_lg.jpg) center top no-repeat; } }

@media screen and (min-width: 799px) {
  #grid-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 44% 56%;
        grid-template: 38.98% 29.49% 1fr / 44% 56%;
        grid-template-areas: "grid-txt       grid-img"  "grid-outline   grid-img"  "grid-greeting  grid-img";
    margin-bottom: 2.5rem;
  }
    #grid-container #grid-txt {
      grid-area: grid-txt;
    }
      #grid-container #grid-txt > p {
        width: 26em;
        margin-top: 1em;
       }
    #grid-container #grid-img {
      grid-area: grid-img;
    }
      #grid-container #grid-img > img {
        width: 100%;
      }
    #grid-container #grid-outline {
      grid-area: grid-outline;
    }
    #grid-container #grid-greeting {
      grid-area: grid-greeting;
    }
 }

@media screen and (min-width: 799px){
  #grid-container #grid-txt {
    -ms-grid-row: 1;
    -ms-grid-column: 1; }
  #grid-container #grid-img {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 2; }
  #grid-container #grid-outline {
    -ms-grid-row: 2;
    -ms-grid-column: 1; }
  #grid-container #grid-greeting {
    -ms-grid-row: 3;
    -ms-grid-column: 1; } }

@media screen and (min-width: 799px) {
  figure.row-md-list {
    width: 47%; } }

figure.row-md-list figcaption {
  font-size: 14px; }

#section-seminar {
  border-bottom: 5px solid #edf9ff; }

.search-container {
  width: 91.67vw;
  margin: 0 auto; }

@media only screen and (min-width: 800px) {
  .search-container {
    max-width: 700px; }
    .search-container .search-buttons {
      display: flex;
      justify-content: space-between; }
 }

dl.company-container {
  border-top: 1px dotted #ccc;
  padding-top: 1.8rem;
  overflow: hidden;
  _zoom: 1;
 }
  dl.company-container dt {
    clear: both;
    float: left;
    width: 6em;
    color: #939598;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
  }
    @media only screen and (min-width: 799px) {
      dl.company-container dt {
        width: 18em;
        text-indent: 3em; }
    }
  dl.company-container dd {
    border-bottom: 1px dotted #ccc;
    padding-left: 7em;
    padding-bottom: 1.8rem;
    margin-bottom: 1.8rem; }
    @media only screen and (min-width: 799px) {
      dl.company-container dd {
        padding-left: 11rem; } }


dl.agent-zu {
    width: 100%;
}

dl.agent-zu dt img {
		display: block;
		margin: 0 auto;
}

dl.agent-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	border: 1px solid #ccc;
	border-bottom: none;
    margin: 0 0 0 0;
}
dl.agent-container dt {
	background: #f5f5f5;
	padding: 20px;
	width: 22em;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}
dl.agent-container dd {
	background: #fff;
	padding: 20px;
	width: calc(100% - 22em);
	border-bottom: 1px solid #ccc;
	margin-bottom: 0;
}
@media only screen and (max-width: 798px) {

	dl.agent-zu dt img {
		display: block;
		margin: 0 auto;
		width: 100%;
	}

	dl.agent-container dt { 
		width: 100%;
		border-right: none;
	}
	dl.agent-container dd {
		width: 100%; 
	}
}


dl.contact-container {
  border-top: 1px solid #ccc;
  padding-top: 1.8rem;
  overflow: hidden;
  _zoom: 1;
 }
  dl.contact-container dt {
    clear: both;
    float: left;
    width: 6em;
    color: #003559;
    padding-bottom: 0.8rem;
    margin-bottom: 0.8rem;
  }
    @media only screen and (min-width: 799px) {
      dl.contact-container dt {
        width: 18em;
        text-indent: 3em; }
    }
  dl.contact-container dd {
    border-bottom: 1px solid #ccc;
    padding-left: 7em;
    padding-bottom: 1.8rem;
    margin-bottom: 1.8rem; }
    @media only screen and (min-width: 799px) {
      dl.contact-container dd {
        padding-left: 11rem; } }


#fb-container {
  width: 100%;
  margin-bottom: 2em;
 }
  #fb-container #fb-wrapper {
    max-width: 500px;
    margin: 0 auto; }

@media only screen and (min-width: 501px) {
  #fb-container {
      padding-top: 25px;
      padding-bottom: 25px;
      background: url(../images2022/index/ph_bgFB.jpg) center top no-repeat;
      background-size: cover;
   }

 }


ul.p-organizer-list {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
  ul.p-organizer-list li {
    width: 48%;
/*    border: 1px solid #ddd; */
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
/*    padding-top: 1.15rem; */
    padding-bottom: 1.15rem;
    margin-bottom: 5.5vw;
  }
    ul.p-organizer-list li figure.item__fig {
      border: 1px solid #ddd;
    }

/*
    ul.p-organizer-list li:hover {
      border: 1px solid #008bd3;
      cursor: pointer;
    }
*/

    ul.p-organizer-list li img {
      width: 77.2%;
      height: auto;
    }
    @media only screen and (min-width: 769px) {
        ul.p-organizer-list li img {
          width: 100%; } }
    @media only screen and (min-width: 769px) {
      ul.p-organizer-list li {
        width: 32%;
        margin-bottom: 2.6vw; } }
    @media only screen and (min-width: 1000px) {
      ul.p-organizer-list li {
        width: 48%;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 769px) and (max-width: 999px) {
      ul.p-organizer-list::after {
        content: "";
        display: block;
        width: 32%;
        height: 0; } }

  .txt-products {
		text-align: left;
  }


.exg-banner-block .exg-banner {
  width: 47%;
  margin-bottom: .5em; }
  @media only screen and (min-width: 1000px) {
    .exg-banner-block .exg-banner {
      width: 228px; } }
  .exg-banner-block .exg-banner > img {
    width: 100%;
    height: auto; }

.exg-banner-block .exg-banner-text {
  width: 100%;
  font-size: 0.9rem; }

@media only screen and (min-width: 769px) {
  .exg-banner-block {
    display: flex;
    align-items: center; }
    .exg-banner-block .exg-banner {
      width: 32%;
      margin-right: 2%; }
    .exg-banner-block .exg-banner-text {
      flex: 1; } }

@media only screen and (min-width: 1000px) {
  .exg-banner-block .exg-banner {
    width: 228px; } }

/* EXG2021 */
/* 2020-12-07 */
.top-msg-area {
  padding: 1.25rem;
  background-color: #ffef00;
  color: #253973; }

/* 2020-12-22 
  sp-only style 
  pc=image */
.online-info {
  border: 2px solid #243770;
  padding: 1.25rem;
  color: #243770;
  position: relative;
  margin-bottom: 35px; }
  .online-info::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -18px;
    border: 18px solid transparent;
    border-top: 18px solid #243770; }
  .online-info > h3 {
    background-color: #ffef00;
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    padding: .3em 0;
    font-size: 26px; }
    @media (min-width: 751px) and (max-width: 1060px) {
      .online-info > h3 {
        font-size: 18px; } }

ul.online-possible li {
  padding-left: 0.8em;
  text-indent: -0.8em; }
  ul.online-possible li::before {
    content: url(../images2022/common/ico-list.png); }

@media (min-width: 751px) {
  ul.online-possible {
    padding-left: 32%;
    margin: 25px 0 !important; } }

#online-fukidashi {
  position: relative;
  height: 12.85vw; }
  #online-fukidashi > img {
    position: absolute;
    top: 20px; }

.participating {
  background-color: #eef4f9;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: 1em;
  padding: 1.25rem; }
  .participating .participating-inner {
    display: flex; }
    .participating .participating-inner > h4 {
      width: 1.5rem;
      background-color: #243770;
      color: #ffffff;
      font-size: 1.2rem;
      text-align: center;
      align-items: center;
      display: flex; }
      .participating .participating-inner > h4 > span {
        display: block; }
    .participating .participating-inner .participating-method {
      flex: 1;
      margin-left: 1em; }
      .participating .participating-inner .participating-method li {
        position: relative;
        margin-bottom: .5em;
        padding-left: 1em;
        text-indent: -1em; }
        .participating .participating-inner .participating-method li::before {
          content: url(../images2022/common/ico-arrow-down.png);
          position: absolute;
          display: block;
          top: 0.7rem; }
        .participating .participating-inner .participating-method li:last-child::before {
          content: none; }

.highlight {
  background: #d6466b;
  color: #fff;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  margin-bottom: -1.25rem; }

.bold-line {
  border-width: 5px; }



/* EXG2022 */
/* 2021-12-07 */
@media only screen and (min-width: 501px) {
  .bg-site-light {
    /*max-width: 1000px;*/
    margin:100px auto 40px;
   }


 }
.top-msg-area2 {
  padding: 1.25rem;
  background-color: #ccefff;
  color: #253973; }




.list-taker .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.list-taker .item__txt {
    padding-right: 46px;
}

.list-taker .item .ttlComp02 {
    text-align: left;
    margin-bottom: 26px;
color: #003559;
    font-size: 27px;
    font-weight: bold;
    line-height: 1.525;
    margin: 0 0 46px;
    position: relative;
    font-family: "Hiragino Sans";
    font-weight: 800;
}

.list-taker .item .txt-basic {
    line-height: 1.888;
}