@charset "UTF-8";
/***Stylesheet CROSS TALKページ***/
.page-crosstalk .fv { position: relative; }
@media only screen and (max-width: 767px) { .page-crosstalk .fv { margin-bottom: 2.5rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .fv .inner { -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; overflow: hidden; } }
.page-crosstalk .fv .img { overflow: hidden; }
.page-crosstalk .fv .img > img, .page-crosstalk .fv .img > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (min-width: 768px) { .page-crosstalk .fv .img { height: 67.5rem; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .fv .img { height: 30rem; margin-bottom: 3rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
.page-crosstalk .fv .img img { object-position: center top; }
@media only screen and (min-width: 768px) { .page-crosstalk .fv .text { width: 100%; color: #ffffff; position: absolute; bottom: 3%; left: 0; } }
@media only screen and (max-width: 767px) { .page-crosstalk .fv .text { color: #004da0; } }
.page-crosstalk .fv .text h1 { font-size: 5.6rem; font-weight: 700; line-height: 1.42; letter-spacing: 0.01em; text-align: center; }
@media only screen and (max-width: 767px) { .page-crosstalk .fv .text h1 { font-size: 3.2rem; font-weight: 900; } }
.page-crosstalk .fv .text h1 span { font-size: 4rem; font-weight: 700; letter-spacing: 0.02em; display: block; }
@media only screen and (max-width: 767px) { .page-crosstalk .fv .text h1 span { margin-top: 1rem; font-size: 1.8rem; } }
.page-crosstalk .crosstalk-intro { margin-bottom: 9.5rem; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro { margin-bottom: 5.5rem; display: -webkit-flex; display: flex; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; } }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-intro .member { margin-bottom: 5rem; padding-top: 8rem; position: relative; z-index: 1; overflow: hidden; } }
.page-crosstalk .crosstalk-intro .member h2 { font-weight: 700; text-align: center; }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-intro .member h2 { width: 100%; font-size: 31.4rem; line-height: 1; color: transparent; background: -webkit-linear-gradient(40deg, rgba(0, 77, 160, 0.08), rgba(0, 150, 255, 0.08) 40%, rgba(150, 201, 255, 0.08)); background: linear-gradient(40deg, rgba(0, 77, 160, 0.08), rgba(0, 150, 255, 0.08) 40%, rgba(150, 201, 255, 0.08)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: absolute; top: -1rem; left: 0; z-index: -1; } }
@media only screen and (min-width: 768px) and (max-width: 1399px) { .page-crosstalk .crosstalk-intro .member h2 { font-size: 22.4vw; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } }

@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .member h2 { margin-bottom: 1.4em; font-size: 1.8rem; font-weight: 700; color: #004da0; } }
.page-crosstalk .crosstalk-intro .member ul { display: -webkit-flex; display: flex; }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-intro .member ul { -webkit-justify-content: space-between; justify-content: space-between; } }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .member ul { -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; } }
.page-crosstalk .crosstalk-intro .member ul li { text-align: center; }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-intro .member ul li { position: relative; width: 16%; } }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .member ul li { width: 30%; margin-bottom: 2.5rem; margin-right: 5%; }
  .page-crosstalk .crosstalk-intro .member ul li:nth-child(3n) { margin-right: 0; } }
.page-crosstalk .crosstalk-intro .member ul li .img { width: 70%; margin-left: auto; margin-right: auto; margin-bottom: 0.7rem; }
.page-crosstalk .crosstalk-intro .member ul li .text .position { font-size: 1.3rem; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .member ul li .text .position { font-size: 1rem; } }
.page-crosstalk .crosstalk-intro .member ul li .text .year { font-size: 1.2rem; }
.page-crosstalk .crosstalk-intro .member ul li .text .name { font-size: 2rem; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .member ul li .text .name { font-size: 1.6rem; } }
.page-crosstalk .crosstalk-intro .member .annotation { margin-top: 3rem; font-size: 1.4rem; text-align: right; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .member .annotation { margin-top: 0; font-size: 1.2rem; text-align: center; } }
.page-crosstalk .crosstalk-intro .intro_text { font-size: 1.8rem; font-weight: 700; letter-spacing: 0.01em; line-height: 2; color: #004da0; }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-intro .intro_text { text-align: center; } }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-intro .intro_text { margin-bottom: 5rem; line-height: 1.8; } }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-content { margin-bottom: 8rem; padding-bottom: 5rem; } }
@media only screen and (min-width: 768px) and (max-width: 1399px) { .page-crosstalk .crosstalk-content { padding-top: 1rem; overflow: hidden; } }

@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content { margin-bottom: 8.5rem; } }
.page-crosstalk .crosstalk-content .inner { max-width: 100rem; }
.page-crosstalk .crosstalk-content h2 { margin-bottom: 5.6rem; padding: 1.8em; font-size: 2rem; font-weight: 700; letter-spacing: 0.01em; text-align: center; background: -webkit-linear-gradient(44deg, rgba(0, 77, 160, 0.1), rgba(0, 150, 255, 0.1), rgba(150, 201, 255, 0.1)); background: linear-gradient(44deg, rgba(0, 77, 160, 0.1), rgba(0, 150, 255, 0.1), rgba(150, 201, 255, 0.1)); -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; position: relative; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content h2 { margin-bottom: 3.5rem; padding: 2rem; font-size: 1.8rem; -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.page-crosstalk .crosstalk-content h2 .en { width: 100%; font-size: 1.6rem; color: #004da0; position: absolute; top: 0; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content h2 .en { font-size: 1.4rem; } }
.page-crosstalk .crosstalk-content ul { margin-bottom: 8rem; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content ul { margin-bottom: 5rem; } }
.page-crosstalk .crosstalk-content ul li { display: -webkit-flex; display: flex; }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-content ul li + li { margin-top: 5.5rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content ul li + li { margin-top: 2.5rem; } }
.page-crosstalk .crosstalk-content ul li .member { font-weight: 700; text-align: center; }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-content ul li .member { width: 13rem; padding: 0 3.6rem 0 2rem; border-right: solid 1px #d4d4d4; }
  .page-crosstalk .crosstalk-content ul li .member img { width: 6.4rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content ul li .member { width: 7rem; padding-top: 0.5rem; padding-right: 2rem; font-size: 1.3rem; }
  .page-crosstalk .crosstalk-content ul li .member img { width: 5.1rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .crosstalk-content ul li .coment { width: calc(100% - 13rem); padding: 0 3rem 0 3.6rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content ul li .coment { width: calc(100% - 7rem); } }
.page-crosstalk .crosstalk-content ul li .coment p { line-height: 2; }
@media only screen and (max-width: 767px) { .page-crosstalk .crosstalk-content ul li .coment p { line-height: 1.75; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area01, .page-crosstalk .img_area02 { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; align-items: flex-start; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01, .page-crosstalk .img_area02 { width: 90%; margin: 0 auto; } }
.page-crosstalk .img_area01 .img01, .page-crosstalk .img_area01 .img02, .page-crosstalk .img_area02 .img01, .page-crosstalk .img_area02 .img02 { position: relative; z-index: 1; }
.page-crosstalk .img_area01 .img01 span, .page-crosstalk .img_area01 .img02 span, .page-crosstalk .img_area02 .img01 span, .page-crosstalk .img_area02 .img02 span { width: 100%; height: 100%; display: block; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; overflow: hidden; }
.page-crosstalk .img_area01 .img01 span > img, .page-crosstalk .img_area01 .img01 span > video, .page-crosstalk .img_area01 .img02 span > img, .page-crosstalk .img_area01 .img02 span > video, .page-crosstalk .img_area02 .img01 span > img, .page-crosstalk .img_area02 .img01 span > video, .page-crosstalk .img_area02 .img02 span > img, .page-crosstalk .img_area02 .img02 span > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img01 span, .page-crosstalk .img_area01 .img02 span, .page-crosstalk .img_area02 .img01 span, .page-crosstalk .img_area02 .img02 span { -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.page-crosstalk .img_area01 .img01:before, .page-crosstalk .img_area01 .img01:after, .page-crosstalk .img_area01 .img02:before, .page-crosstalk .img_area01 .img02:after, .page-crosstalk .img_area02 .img01:before, .page-crosstalk .img_area02 .img01:after, .page-crosstalk .img_area02 .img02:before, .page-crosstalk .img_area02 .img02:after { background: -webkit-linear-gradient(44deg, rgba(0, 77, 160, 0.1), rgba(0, 150, 255, 0.1), rgba(150, 201, 255, 0.1)); background: linear-gradient(44deg, rgba(0, 77, 160, 0.1), rgba(0, 150, 255, 0.1), rgba(150, 201, 255, 0.1)); -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; position: absolute; z-index: -1; }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img01:before, .page-crosstalk .img_area01 .img01:after, .page-crosstalk .img_area01 .img02:before, .page-crosstalk .img_area01 .img02:after, .page-crosstalk .img_area02 .img01:before, .page-crosstalk .img_area02 .img01:after, .page-crosstalk .img_area02 .img02:before, .page-crosstalk .img_area02 .img02:after { -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
.page-crosstalk .img_area01 .img01, .page-crosstalk .img_area02 .img01 { z-index: 2; }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img01, .page-crosstalk .img_area02 .img01 { margin-bottom: 2.5rem; } }
.page-crosstalk .img_area01 .img01:before, .page-crosstalk .img_area02 .img01:before { content: ''; }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area01 .img01:before, .page-crosstalk .img_area02 .img01:before { width: 18.8rem; height: 14.5rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img01:before, .page-crosstalk .img_area02 .img01:before { width: 9.4rem; height: 7.25rem; } }
.page-crosstalk .img_area01 .img02, .page-crosstalk .img_area02 .img02 { z-index: 1; }
.page-crosstalk .img_area01 .img02:before, .page-crosstalk .img_area02 .img02:before { content: ''; }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area01 .img02:before, .page-crosstalk .img_area02 .img02:before { width: 18.8rem; height: 14.5rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img02:before, .page-crosstalk .img_area02 .img02:before { width: 9.4rem; height: 7.25rem; } }
.page-crosstalk .img_area01 .img02:after, .page-crosstalk .img_area02 .img02:after { content: ''; }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area01 .img02:after, .page-crosstalk .img_area02 .img02:after { width: 30.5rem; height: 23.5rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img02:after, .page-crosstalk .img_area02 .img02:after { width: 15.25rem; height: 11.75rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area01 .img01 { width: 58.6%; }
  .page-crosstalk .img_area01 .img01:before { margin-top: -7.25rem; left: -4rem; top: 50%; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img01 { width: 100%; }
  .page-crosstalk .img_area01 .img01:before { margin-top: -3.625rem; left: -2.5rem; top: 50%; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area01 .img02 { width: 38.6%; padding-top: 5.5rem; }
  .page-crosstalk .img_area01 .img02:before { top: -2rem; right: -5.5rem; }
  .page-crosstalk .img_area01 .img02:after { left: -19rem; bottom: -4.2rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area01 .img02 { width: 62%; margin: 0 0 0 auto; }
  .page-crosstalk .img_area01 .img02:before { top: -4.5rem; right: -2.5rem; }
  .page-crosstalk .img_area01 .img02:after { left: -9rem; bottom: -2rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area02 { padding-bottom: 3rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area02 .img01 { width: 30%; margin-left: 5%; padding-top: 2rem; }
  .page-crosstalk .img_area02 .img01:before { left: -5rem; top: -3rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area02 .img01 { width: 62%; margin: 0 auto 2rem 0; }
  .page-crosstalk .img_area02 .img01:before { top: -2rem; left: -2.5rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area02 .img02 { width: 61.5%; margin-top: -1rem; margin-right: -1rem; }
  .page-crosstalk .img_area02 .img02:before { top: -3rem; right: -4.5rem; }
  .page-crosstalk .img_area02 .img02:after { left: -13rem; bottom: -3.2rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area02 .img02 { width: 90%; margin: 0 0 0 auto; }
  .page-crosstalk .img_area02 .img02:before { top: -4rem; right: -2.5rem; }
  .page-crosstalk .img_area02 .img02:after { left: -5.5rem; bottom: -2rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area03 { margin-top: -1rem; padding-bottom: 2rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area03 { width: 90%; margin: 0 auto; } }
.page-crosstalk .img_area03 .img01 { position: relative; z-index: 1; }
.page-crosstalk .img_area03 .img01 span { width: 100%; height: 100%; display: block; -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; overflow: hidden; }
.page-crosstalk .img_area03 .img01 span > img, .page-crosstalk .img_area03 .img01 span > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area03 .img01 span { -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }
@media only screen and (min-width: 768px) { .page-crosstalk .img_area03 .img01 { width: 100%; padding: 0 1rem 0 4rem; }
  .page-crosstalk .img_area03 .img01:before { width: 30.5rem; height: 23.5rem; margin-top: -4rem; left: -1rem; top: 0; }
  .page-crosstalk .img_area03 .img01:after { width: 18.8rem; height: 14.5rem; right: -4rem; bottom: -4.2rem; } }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area03 .img01 { width: 100%; }
  .page-crosstalk .img_area03 .img01:before { width: 9.4rem; height: 7.25rem; margin-top: -2rem; left: -2rem; top: 0; }
  .page-crosstalk .img_area03 .img01:after { width: 9.4rem; height: 7.25rem; right: -3rem; bottom: -2rem; } }
.page-crosstalk .img_area03 .img01:before, .page-crosstalk .img_area03 .img01:after { content: ''; background: -webkit-linear-gradient(44deg, rgba(0, 77, 160, 0.1), rgba(0, 150, 255, 0.1), rgba(150, 201, 255, 0.1)); background: linear-gradient(44deg, rgba(0, 77, 160, 0.1), rgba(0, 150, 255, 0.1), rgba(150, 201, 255, 0.1)); -webkit-border-radius: 3rem; -moz-border-radius: 3rem; border-radius: 3rem; position: absolute; z-index: -1; }
@media only screen and (max-width: 767px) { .page-crosstalk .img_area03 .img01:before, .page-crosstalk .img_area03 .img01:after { -webkit-border-radius: 1.5rem; -moz-border-radius: 1.5rem; border-radius: 1.5rem; } }