@charset "UTF-8";
/*
* cross-talk.scss
*/
/*
 * _setting.scss
 */
/*
 * _mixin.scss
 */
/* -----------------------------------
media query print
------------------------------------ */
/* -----------------------------------
media query ver1
------------------------------------ */
/* -----------------------------------
transition
------------------------------------ */
/* -----------------------------------
clearfix
------------------------------------ */
/* -----------------------------------
formFocus
------------------------------------ */
/* -----------------------------------
shadow
------------------------------------ */
/* -----------------------------------
vw
------------------------------------ */
[data-page-id=cross-talk] {
  background: #FFF3E6;
}

.secCrosstalkIndex {
  background: url(../img/cross-talk/index/head_bg.svg) no-repeat center top;
  background-size: 100% auto;
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex {
    background-image: url(../img/cross-talk/index/head_bg_sp.svg);
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex {
    padding-top: min(210px, 15vw);
    padding-bottom: min(130px, 9.2857142857vw);
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex {
    padding-top: 22.7864583333vw;
    padding-bottom: 14.9739583333vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_in {
    max-width: 78.5714285714vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 {
    margin-top: 9.2857142857vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li + li {
    margin-top: 10.3571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li + li {
    margin-top: 14.9739583333vw;
  }
}
.secCrosstalkIndex_cnt1 ._list1 > ul > li ._img a {
  overflow: hidden;
  display: block;
  border-radius: 0.7142857143vw;
}
.secCrosstalkIndex_cnt1 ._list1 > ul > li ._img a img {
  transition: 0.2s ease-in-out;
  transform: scale(1.05);
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._img a:hover img {
    transform: scale(1.02);
    filter: brightness(0.8);
  }
}
.secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt {
  position: relative;
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt {
    margin-top: 3.2552083333vw;
  }
}
.secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._theme {
  color: #f1683a;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  letter-spacing: 0.17em;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._theme {
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._theme {
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._title {
  color: #00a9ce;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  line-height: 1.84;
  letter-spacing: 0.09em;
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._title {
    margin-top: 0.7142857143vw;
    font-size: 1.7857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._title {
    margin-top: 2.6041666667vw;
    font-size: 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._btn {
    position: absolute;
    top: 0.7142857143vw;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkIndex_cnt1 ._list1 > ul > li ._txt ._btn {
    margin-top: 6.5104166667vw;
    text-align: center;
  }
}

@media screen and (min-width: 769px) {
  .secCrosstalkHead {
    padding-bottom: 3.5714285714vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_in {
    max-width: 77.1428571429vw;
  }
}
.secCrosstalkHead_title {
  position: relative;
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title {
    margin-right: calc(50% - 50vw);
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_title > ._txt {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 2.8571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title > ._txt {
    position: relative;
    z-index: 1;
    margin-top: -1.953125vw;
  }
}
.secCrosstalkHead_title > ._txt ._shoulder {
  width: fit-content;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  background: #fff;
  line-height: 0.9;
  letter-spacing: 0.25em;
  color: #f1683a;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_title > ._txt ._shoulder {
    padding-left: 0.7142857143vw;
    padding-right: 0.5714285714vw;
    border-radius: 0.2857142857vw;
    font-size: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title > ._txt ._shoulder {
    padding-left: 1.3020833333vw;
    padding-right: 1.0416666667vw;
    border-radius: 0.5208333333vw;
    font-size: 3.7760416667vw;
  }
}
.secCrosstalkHead_title > ._txt ._title {
  display: flex;
  flex-direction: column;
  align-items: start;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_title > ._txt ._title {
    margin-top: 2.1428571429vw;
    gap: 1.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title > ._txt ._title {
    margin-top: 3.90625vw;
    gap: 2.6041666667vw;
  }
}
.secCrosstalkHead_title > ._txt ._title span {
  line-height: 1;
  background: #fff;
  color: #00a9ce;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_title > ._txt ._title span {
    padding: 0.3571428571vw;
    padding-left: 0.7142857143vw;
    font-size: 2.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title > ._txt ._title span {
    padding: 0.6510416667vw;
    padding-left: 1.3020833333vw;
    font-size: 5.2083333333vw;
    white-space: nowrap;
  }
}
.secCrosstalkHead_title > ._txt ._theme {
  color: #f1683a;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  letter-spacing: 0.17em;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_title > ._txt ._theme {
    margin-top: 2.8571428571vw;
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title > ._txt ._theme {
    margin-top: 5.2083333333vw;
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkHead_title > ._img {
  position: relative;
  z-index: 0;
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_title > ._img {
    padding-left: 20vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_title > ._img {
    padding-left: 3.90625vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 {
    margin-top: 6.7857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 {
    margin-top: 9.765625vw;
  }
}
.secCrosstalkHead_cnt1 ._member {
  border-bottom: 1px solid #f1683a;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member {
    margin: 0 auto;
    max-width: 74vw;
    padding-bottom: 0.7142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member {
    padding-bottom: 1.3020833333vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._title {
  border-bottom: 1px solid #f1683a;
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  letter-spacing: 0.25em;
  line-height: 1;
  color: #f1683a;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._title {
    font-size: 1.4285714286vw;
    padding-bottom: 0.7142857143vw;
    margin-bottom: 0.7142857143vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._title {
    padding-bottom: 1.3020833333vw;
    margin-bottom: 0.7142857143vw;
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list {
  background: #fff;
  display: flex;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list {
    flex-wrap: wrap;
    gap: 2.8571428571vw;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    padding-left: 9.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list {
    flex-direction: column;
    gap: 7.8125vw;
    padding-top: 7.1614583333vw;
    padding-bottom: 7.1614583333vw;
    padding-left: 4.5572916667vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list dl {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dt {
    width: 10.5vw;
    min-width: 10.5vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dt {
    width: 19.140625vw;
    min-width: 19.140625vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd {
    padding-left: 1.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd {
    padding-left: 2.6041666667vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list dl dd p {
  color: #00a9ce;
  letter-spacing: 0.17em;
}
.secCrosstalkHead_cnt1 ._member ._list dl dd ._name {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 900;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._name {
    font-size: 1.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._name {
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list dl dd ._position1 {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  line-height: 1.6666666667;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._position1 {
    margin-top: 0.7142857143vw;
    font-size: 1.0714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._position1 {
    margin-top: 1.3020833333vw;
    font-size: 2.6041666667vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list dl dd ._position2 {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._position2 {
    line-height: 1.6666666667;
    font-size: 1.0714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._position2 {
    line-height: 1.35;
    font-size: 2.6041666667vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list dl dd ._year {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._year {
    margin-top: 0.3571428571vw;
    font-size: 0.9285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._year {
    margin-top: 0.6510416667vw;
    font-size: 2.34375vw;
  }
}
.secCrosstalkHead_cnt1 ._member ._list dl dd ._education {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._education {
    margin-top: 0.3571428571vw;
    font-size: 0.9285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._member ._list dl dd ._education {
    margin-top: 0.6510416667vw;
    font-size: 2.34375vw;
  }
}
@media screen and (min-width: 769px) {
  body[data-page-class=design-works]:nth-of-type(3),
  body[data-page-class=liberal-arts]:nth-of-type(3) {
    flex-basis: 100%;
  }
}

@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._introduction {
    margin: 4.6428571429vw auto 0;
    max-width: 59.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._introduction {
    margin-top: 11.0677083333vw;
  }
}
.secCrosstalkHead_cnt1 ._introduction ._title {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  letter-spacing: 0.25em;
  color: #f1683a;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._introduction ._title {
    font-size: 1.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._introduction ._title {
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkHead_cnt1 ._introduction ._body {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  letter-spacing: 0.17em;
  line-height: 1.9444444444;
}
@media screen and (min-width: 769px) {
  .secCrosstalkHead_cnt1 ._introduction ._body {
    font-size: 1.2857142857vw;
    margin-top: 2.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkHead_cnt1 ._introduction ._body {
    font-size: 3.2552083333vw;
    margin-top: 3.90625vw;
  }
}

@media screen and (min-width: 769px) {
  .secCrosstalkTopic {
    padding-top: 8.9285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic {
    padding-top: 29.296875vw;
  }
}
.secCrosstalkTopic_bg {
  position: absolute;
  background: #fff;
  border-radius: 100%;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_bg {
    top: 6.4285714286vw;
    width: 72.2857142857vw;
    height: 72.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_bg {
    top: 29.296875vw;
    width: 131.7708333333vw;
    height: 131.7708333333vw;
  }
}
.secCrosstalkTopic.-regular .secCrosstalkTopic_bg {
  left: 0;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic.-regular .secCrosstalkTopic_bg {
    margin-left: -36.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic.-regular .secCrosstalkTopic_bg {
    margin-left: -65.8854166667vw;
  }
}
.secCrosstalkTopic.-reverse .secCrosstalkTopic_bg {
  right: 0;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic.-reverse .secCrosstalkTopic_bg {
    margin-right: -36.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic.-reverse .secCrosstalkTopic_bg {
    margin-right: -65.8854166667vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_in {
    max-width: 77.1428571429vw;
  }
}
.secCrosstalkTopic_title {
  width: fit-content;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_title {
    padding-left: 6.5104166667vw;
  }
}
.secCrosstalkTopic_title ._shoulder {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  letter-spacing: 0.25em;
  color: #f1683a;
  text-align: center;
  line-height: 1;
  background: #fff;
  border: 1px solid #f1683a;
  border-radius: 100px;
  width: fit-content;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_title ._shoulder {
    padding: 0.7142857143vw 2.8571428571vw;
    font-size: 1.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_title ._shoulder {
    padding: 1.3020833333vw 6.5104166667vw;
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkTopic_title ._title {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  line-height: 1.7142857143;
  color: #f1683a;
  letter-spacing: 0.12em;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_title ._title {
    margin-top: 1.4285714286vw;
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_title ._title {
    margin-top: 1.953125vw;
    font-size: 5.2083333333vw;
    white-space: nowrap;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic.-reverse .secCrosstalkTopic_title {
    margin-left: auto;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 {
    display: flex;
    padding-bottom: 10.7142857143vw;
    margin-top: 3.9285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 {
    padding-bottom: 13.0208333333vw;
    margin-top: 7.8125vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._img {
    flex-grow: 1;
  }
  .secCrosstalkTopic_cnt1 > ._img img {
    position: sticky;
    top: 7.1428571429vw;
    left: 0;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._txt {
    width: 47.8571428571vw;
    min-width: 47.8571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk {
    margin-top: 10.4166666667vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk + ._talk {
    margin-top: 7.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk + ._talk {
    margin-top: 7.8125vw;
  }
}
.secCrosstalkTopic_cnt1 > ._txt ._talk h3 {
  display: flex;
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: #f1683a;
  line-height: 1.6428571429;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk h3 {
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk h3 {
    font-size: 3.6458333333vw;
  }
}
.secCrosstalkTopic_cnt1 > ._txt ._talk h3::before {
  content: "ー";
  margin-right: 0.3em;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk dl {
    margin-top: 2.5vw;
    display: flex;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk dl {
    margin-top: 6.5104166667vw;
  }
}
.secCrosstalkTopic_cnt1 > ._txt ._talk dl dt {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  color: #00a9ce;
  line-height: 1.5333333333;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk dl dt {
    padding-top: 0.2142857143vw;
    min-width: 12.1428571429vw;
    text-align: right;
    font-size: 1.0714285714vw;
    padding-right: 1.4285714286vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk dl dt {
    font-size: 3.2552083333vw;
  }
}
.secCrosstalkTopic_cnt1 > ._txt ._talk dl dd {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  font-weight: 500;
  letter-spacing: 0.17em;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk dl dd {
    font-size: 1.0714285714vw;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic_cnt1 > ._txt ._talk dl dd {
    margin-top: 2.6041666667vw;
    font-size: 2.9947916667vw;
  }
}
.secCrosstalkTopic.-regular .secCrosstalkTopic_cnt1 > ._img {
  margin-left: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic.-regular .secCrosstalkTopic_cnt1 > ._img {
    padding-right: 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic.-regular .secCrosstalkTopic_cnt1 > ._txt {
    padding-left: 3.9285714286vw;
  }
}
.secCrosstalkTopic.-reverse .secCrosstalkTopic_cnt1 > ._img {
  margin-right: calc(50% - 50vw);
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic.-reverse .secCrosstalkTopic_cnt1 > ._img {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  .secCrosstalkTopic.-reverse .secCrosstalkTopic_cnt1 > ._img {
    padding-left: 6.5104166667vw;
  }
}
@media screen and (min-width: 769px) {
  .secCrosstalkTopic.-reverse .secCrosstalkTopic_cnt1 > ._txt {
    order: 1;
    padding-right: 3.9285714286vw;
  }
}
.secCrosstalkTopic_cnt2 {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}/*# sourceMappingURL=cross-talk.css.map */