@charset "UTF-8";
* {
    padding: 0;
    margin: 0;
}

html {
    font-size: 62.5%;
}
img {
    width: 100%;
}
h1 {
    font-size: 3.2rem;
}
h2 {
    font-size: 2.4rem;
}
h3 {
    font-size: 2.2rem;
}
body {
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 200;
    color: #000;
}
li {
    list-style-type: none;
}
.list {
    list-style-type:disc;
    margin-top: 1em;
}
.definition-team {
    font-weight: 700;
}
.frame {
    display: inline;
    color: #fff;
    background-color: #000;
    padding: 5px;
}
.header {
    max-width: 200px;
}
.container {
    max-width: 1200px;
    width: 95%;
    margin: 3em auto;
}
.section {
    margin-top: 2em;
}
.contents:not(:first-of-type) {
    margin-top: 2em;
}
.section h2 {
    text-align: center;
    background-color: #e95377;
    color: #fff;
    padding: 13px 0;
    border-radius:10px;
}
.sectionInner {
    width: 100%;
    margin: 2em auto;
}
.sectionContents {
    margin-top: 2em;
}
.title {
    text-align: center;
}
.circle::before {
    content: "○";
    display: inline-block;
    padding-right: 3px;
}
.style-red {
    color: #e95377;
}
.style-red a {
    color: #e95377; 
}
.diamond::before {
    content: "◆";
    display: inline-block;
    padding-right: 3px;
}
.infoText {
    font-weight: 700;
}
.sectionContents.contents2 ul {
    padding-left: 1.5em;
} 
.sectionContents.contents2 li {
    color: #ec6d73;
}
.listIcon {
    font-size: 1.8rem;
    font-weight: 700;
}
.listIcon {
  color: #3ebede;
  border-left: solid 6px #3ebede;
  background: #edf7f9;
  margin-bottom: 3px;
   line-height: 1.5;
  padding: 0.85em;
  list-style-type: none!important;
}
.listIcon {
    margin-top: 1em;
}
.leftContents {
    width: calc(100% / 2 - 10px);
}
.rightContents {
    margin-top: 1em;
    width: calc(50% / 2 - 10px);
}
.columnInner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 auto 2em auto;
}
.rightContents figcaption {
    text-align: center;
    font-weight: 700;
}
.info_box {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 1rem;
    box-shadow: 10px 10px 0 #e95377;
    border: 2px solid #e95377;
    border-radius: 8px;
}

address {
    font-style: normal;
}
.list p {
    color: #333;
    font-weight: bold;
}

.movie_wrap{
	position:relative;
	width:100%;
	height:0;
	padding-top:75%;
}
.movie {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.movie_contents {
    max-width: 680px;
    margin: auto;
}
.style-blue {
    color: #0ba29a;
}

table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
}
.tb01 th {
  text-align:left;
}
.tb01 .first th {
  background: #f5bdc9;
}
.tb01 .second th {
  background: #f5bdc9;
}
.tb01 td.orange {
  background: #f5bdc9;
}
.tb01 td.pink {
  background: #ecc1d0;
}
.tb01 .first th,
.tb01 .first td{
  border: solid 1px #f5bdc9;
  box-sizing:border-box;
}
.tb01 .first th:nth-child(1),
.tb01 .first th:nth-child(2)  {
  border-bottom: solid 1px #fff;
}
.tb01 .second th,
.tb01 .second td{
  border: solid 1px #d9799b;
  box-sizing:border-box;
}
.tb01 .first td p{
    font-weight: bold;
}

ul.attention {
margin-left:2em;
}

ul.attention li {
  list-style-type: circle;
}

a{
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
  text-align: inherit;
}
.ic{
  position: relative;
}
.ic::before,
.ic::after{
  content: "";
  margin: auto;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 100% auto;
  position: absolute;
  pointer-events: none;
}

.button_pdf{
  color: #e95377;
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: block;
  transition: background .2s, color .2s;
  -webkit-transition: background .2s, color .2s;
  transition: border .2s, color .2s;
  -webkit-transition: border .2s, color .2s;
  border: 2px solid #f5bdc9;
  background-color: #f5bdc9;
  border-radius: 25px;
  width: 360px;
  height: 50px;
  margin: 30px 0 0;
}
.button_pdf:hover{
  color: #fff;
  border: 2px solid #e95377;
  background-color: #e95377;
}
.button_pdf2{
  font-size: 1.5rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  display: block;
  transition: background .2s, color .2s;
  -webkit-transition: background .2s, color .2s;
  transition: border .2s, color .2s;
  -webkit-transition: border .2s, color .2s;
  color: #fff;
  border: 2px solid #e95377;
  background-color: #e95377;
  border-radius: 25px;
  width: 360px;
  height: 50px;
  margin: 10px 0;
}
.button_pdf2:hover{
  color: #e95377;
  border: 2px solid #f5bdc9;
  background-color: #f5bdc9;
}
.button_pdf2 a,
.button_pdf2 span,
.button_pdf a,
.button_pdf span {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.fa-file-pdf,
.fa-video,
.fa-file-word,
.fa-external-link-alt{
  font-size: 2rem;
  padding-right: 10px;
}

.r_txt {
  text-align: right;
}

@media screen and (max-width: 767px){
    h1 {
        font-size: 4.2vw;
    }
    h2 {
        font-size: 3.12vw;
    }
    h3 {
        font-size: 2.86vw;
    }
    .leftContents {
        width: 95%;
        margin-left: auto;
    }
    .rightContents {
        margin-top: 1em;
        width: calc(100% / 2 - 10px);
    }
    .header {
        width:26vw;
    }
}
.text_bgc_yellow {
	background-color: #fff22d;
}


.movie_cont {
    margin-top: 2em;
}

.movie_group {
    display: flex;
    gap: 40px 80px;
	flex-wrap: wrap;
}

.movie_box p {
    font-size: 1.7rem;
    font-weight: bold;
    padding-bottom: 1rem;
    width: 552px;
}


.banner-container {
  max-width: 1200px;
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 32px 36px; /* 縦32px 横36px */
}

.banner-container > div {
  width: 206px; /* ← テキスト表示幅を拡張 */
  text-align: center;
  font-size: 12px;
  line-height: 1.6;
}

.banner-container a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.banner-container img {
  width: 180px;
  height: 80px;
  display: block;
  margin-bottom: 12px;
}

.banner-container span {
  display: block;
  max-width: 206px;
  word-break: break-word;
}

/* SP対応 */
@media screen and (max-width: 767px) {
  .banner-container {
    gap: 32px 20px;
  }

  .banner-container > div {
    width: calc((100% - 20px) / 2);
  }

  .banner-container img {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }

  .banner-container span {
    max-width: 100%;
  }
}


.logo-text {
  display: flex;
  align-items: center;
  gap: 16px; /* ロゴとテキストの間隔 */
  flex-wrap: wrap;
}

/* ロゴサイズ調整 */
.logo-text .logo {
  width: 64px; /* 適宜変更可 */
  height: auto;
}

/* テキスト調整 */
.logo-text .description {
  font-size: 14px;
  line-height: 1.5;
  margin: 0;
}

/* スマホ（幅767px以下）では縦並びに */
@media screen and (max-width: 767px) {
  .logo-text {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}


@media screen and (max-width: 767px){
	
	.movie_box {
		width: 100%
	}
.movie_wrap_sp {
	position:relative;
	width:100%;
	height:0;
	padding-top:75%;
}
.movie_wrap_sp iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 1px #ccc;
  }
    .movie_box p {
        width: 100%;
    }

}

.apology {
    font-size: 1.6rem;
    color: #ef682d;
    font-weight: bold;
    margin: 30px 0 0;
}

a.dltext {
    text-decoration: underline;
}
a.dltext:hover {
    text-decoration: none;
}



.footer {
  font-size: 14px;
text-align: center;
padding: 3em 0;
background: #e95377;
color: #fff;
}


.border_bottom {
    border-bottom: #ddd 1px solid;
}

    .name-role {
      display: inline-block;
      width: 7em; /* 「パネリスト」なども収まる幅に調整 */
    }

    .name {
      display: inline-block;
    }
    @media (max-width: 600px) {
      .name-block {
        display: block;
      }
      .name-line {
        display: block;
        margin-bottom: 1em;
      }
      .name-role,
      .name-main,
      .name-title {
        display: block;
        width: 100% !important;
        margin: 0;
      }
      .name-title {
        font-size: 0.9em;
        margin-top: 0.2em;
      }
    }

p.mb20 {
    margin-bottom: 20px;
}