@charset "UTF-8";

/*
カスタム投稿ページ共通css
*/

.common_post_bg {
  background-image: url(../img/common/post/ring.png);
  background-size: cover;
  background-size: 750px 750px;
  background-position: top -288px right -123px;
  background-repeat: no-repeat;
}
/* ヘッダー下エリア */
.common_post_top {
  position: relative;
  max-width: initial;
  padding-top: 160px;
}
.common_post_top > div {
  margin-bottom: 5px;
}
/* ヘッダー下エリアここまで */

.common_post_breadcrumb_items {
  padding-right: 20px;
}

/* コンテンツエリア */
.common_post_interview_section {
  position: relative;
}
.common_post_interview_columns {
  display: flex;
  justify-content: space-between;
  margin-top: 63px;
  column-gap: 55px;
}
.common_post_interview_sticky {
  width: 360px;
}
.common_post_interview_card {
  position: sticky;
  top: 155px;
  left: 0;
  width: 100%;
}
.common_post_interview_card:hover .common_interview_card_thumb {
  transform: initial;
}
.common_post_interview_content {
  position: relative;
  width: calc(100% - 415px);
  border-radius: 80px;
  background-color: #F9F9F9;
}
.common_post_interview_heading {
  position: relative;
  text-align: right;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.common_post_interview_heading_en {
  display: block;
  font-family: 'poppins';
  font-size: 10px;
  font-weight: 600;
  line-height: calc(15/10);
  letter-spacing: 0.1em;
  color: var(--primary);
  position: relative;
  display: none;
}
.common_post_interview_heading_num {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: inline-block;
  font-family: 'poppins';
  font-size: 87px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.022988505em;
  color: rgba(0, 96, 176, 0.1);
}
.common_post_interview_heading_title {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  line-height: calc(36 / 20);
  letter-spacing: 0.1em;
}
.common_post_interview_balloon {
  position: relative;
  width: 100%;
  margin-bottom: 28px;
  border: solid 2px var(--primary);
  background-color: var(--white);
  border-radius: 16px;
  color: var(--primary);
  font-weight: 700;
  letter-spacing: 0.133333333333em;
}
.common_post_interview_balloon:last-child {
  margin-bottom: 0;
}
.common_post_interview_balloon::before {
  content: "";
  position: absolute;
  top: 31.74px;
  width: 8.51px;
  height: 16.6px;
  background-color: var(--white);
}
.common_post_interview_balloon_left::before {
  left: -2px;
}
.common_post_interview_balloon::after {
  content: "";
  position: absolute;
  top: 39.15px;
  width: 26.21px;
  height: 2px;
  background-color: var(--primary);
}
.common_post_interview_balloon_left::after {
  left: -24px;
}
.common_post_interview_balloon_right::before {
  right: -2px;
}
.common_post_interview_balloon_right::after {
  right: -24px;
}
.common_post_interview_balloon li {
  position: relative;
  padding-left: 1em;
}
.common_post_interview_balloon li::before {
  content: "・";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
/* コンテンツエリアここまで */

/* コンテンツ下リンクボックス */
.common_post_linkBox:nth-child(1) > span:first-child::before {
  display: none;
}
/* コンテンツ下リンクボックスここまで */

.common_post_interview_btn_wrapper {
  margin-top: 50px;
  text-align: center;
}
.common_post_interview_btn {
  position: relative;
  display: inline-block;
  padding: 17px 68px 17px 63px;
  background-color: rgba(0, 96, 176, 0.06);
  font-size: 16px;
  font-weight: 500;
  line-height: calc(19 / 16);
  letter-spacing: 0;
  color: var(--primary);
  border-radius: 34px;
}
.common_post_interview_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url(../img/people/btn/arrow.png);
  background-size: cover;
}
.common_post_interview_card_body_btn {
  justify-content: flex-end;
  column-gap: 46px;
}

/* コンテンツ下その他の社員 */
.common_post_interview_other_section {
  margin-top: -20px;
  padding-bottom: 100px;
  background-color: var(--white);
}
.common_post_interview_other_heading {
  margin-bottom: -13px;
}
.common_post_interview_other_heading_en {
  margin-left: -120px;
}
.common_post_interview_other_heading_en::before {
  height: 102%;
}
.common_post_interview_other_heading_en::after {
  display: none;
}
.common_post_interview_other_heading_title {
  font-size: 34px;
  line-height: calc(49 / 34);
  letter-spacing: 0.058823529em;
}
.common_post_interview_other_cards {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4.1%;
  row-gap: 90px;
}
.common_post_interview_other_cards.common_pc_only {
  display: flex!important;
}
.common_post_interview_other_card_cat {
  background-color: #F9F9F9;
}
/* コンテンツ下その他の社員ここまで */

/* 座談会 */
.common_post_interview_discussion_section {
  padding-top: 80px;
  padding-bottom: 100px;
  background-color: var(--white);
}
.common_post_interview_discussion_heading {
  margin-bottom: -12px;
  margin-left: -30px;
}
.common_post_interview_discussion_heading_title {
  font-size: 34px;
  font-weight: 700;
  line-height: calc(41 / 14);
  letter-spacing: 0.0588235294em;
}
.common_post_interview_discussion_heading_en {
  margin-left: -120px;
}
.common_post_interview_discussion_heading_en::before {
  height: 102%;
}
.common_post_interview_discussion_heading_en::after {
  display: none;
}
.common_post_interview_discussion_cards {
  margin-top: -20px;
  display: flex;
  flex-wrap: wrap;
  column-gap: 6.05%;
  row-gap: 66.05px;
}
.common_post_interview_discussion_card {
  width: 29.3%;
}
.common_post_interview_discussion_card_cat {
  background-color: #F9F9F9;
}
.common_post_discussion_btn_wrapper {
  margin-top: 50px;
  text-align: center;
}
.common_post_interview_discussion_card_cat {
  background-color: #F9F9F9;
}
/* 座談会ここまで */

@media(max-width: 1439px){
/* ヘッダー下エリア */
.common_post_bg {
  background-size: calc(750/var(--view-size)*100vw) calc(750/var(--view-size)*100vw);
  background-position: top calc(-288/var(--view-size)*100vw) right calc(-123/var(--view-size)*100vw);
  background-repeat: no-repeat;
}
.common_post_top {
  max-width: initial;
  padding-top: calc(160/var(--view-size)*100vw);
}
.common_post_top > div {
  margin-bottom: calc(5/var(--view-size)*100vw);
}
/* ヘッダー下エリアここまで */

.common_post_breadcrumb_items {
  padding-right: calc(20/var(--view-size)*100vw);
}

/* コンテンツエリア */
.common_post_interview_columns {
  margin-top: calc(63/var(--view-size)*100vw);
  column-gap: calc(55/var(--view-size)*100vw);
}
.common_post_interview_sticky {
  width: calc(360/var(--view-size)*100vw);
}
.common_post_interview_card {
  top: calc(155/var(--view-size)*100vw);
}
.common_post_interview_content {
  width: calc(100% - (415/var(--view-size)*100vw));
  border-radius: calc(80/var(--view-size)*100vw);
}
.common_post_interview_heading {
  padding-bottom: calc(0/var(--view-size)*100vw);
  margin-bottom: calc(20/var(--view-size)*100vw);
}
.common_post_interview_heading_en {
  font-size: calc(10/var(--view-size)*100vw);
}
.common_post_interview_heading_num {
  font-size: calc(87/var(--view-size)*100vw);
}
.common_post_interview_heading_title {
  font-size: calc(20/var(--view-size)*100vw);
}
.common_post_interview_balloon {
  margin-bottom: calc(28/var(--view-size)*100vw);
  border: solid calc(2/var(--view-size)*100vw) var(--primary);
  border-radius: calc(16/var(--view-size)*100vw);
}
.common_post_interview_balloon::before {
  top: calc(31.74/var(--view-size)*100vw);
  width: calc(8.51/var(--view-size)*100vw);
  height: calc(16.6/var(--view-size)*100vw);
}
.common_post_interview_balloon_left::before {
  left: calc(-1.29/var(--view-size)*100vw);
}
.common_post_interview_balloon::after {
  top: calc(39.15/var(--view-size)*100vw);
  width: calc(26.21/var(--view-size)*100vw);
  height: calc(2/var(--view-size)*100vw);
}
.common_post_interview_balloon_left::after {
  left: calc(-24/var(--view-size)*100vw);
}
.common_post_interview_balloon_right::before {
  right: calc(-1.29/var(--view-size)*100vw);
}
.common_post_interview_balloon_right::after {
  right: calc(-24/var(--view-size)*100vw);
}
/* コンテンツエリアここまで */

.common_post_interview_btn_wrapper {
  margin-top: calc(50/var(--view-size)*100vw);
}
.common_post_interview_btn {
  padding: calc(17/var(--view-size)*100vw) calc(68/var(--view-size)*100vw) calc(17/var(--view-size)*100vw) calc(63/var(--view-size)*100vw);
  font-size: calc(16/var(--view-size)*100vw);
  border-radius: calc(34/var(--view-size)*100vw);
}
.common_post_interview_btn::after {
  right: calc(12/var(--view-size)*100vw);
  width: calc(24/var(--view-size)*100vw);
  height: calc(24/var(--view-size)*100vw);
}
.common_post_interview_card_body_btn {
  column-gap: calc(46/var(--view-size)*100vw);
}

/* コンテンツ下その他の社員 */
.common_post_interview_other_section {
  margin-top: calc(-20/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.common_post_interview_other_heading {
  margin-bottom: calc(-13/var(--view-size)*100vw);
}
.common_post_interview_other_heading_en {
  margin-left: calc(-120/var(--view-size)*100vw);
}
.common_post_interview_other_heading_title {
  font-size: calc(34/var(--view-size)*100vw);
}
.common_post_interview_other_cards {
  row-gap: calc(90/var(--view-size)*100vw);
}
/* コンテンツ下その他の社員ここまで */

/* 座談会 */
.common_post_interview_discussion_section {
  padding-top: calc(80/var(--view-size)*100vw);
  padding-bottom: calc(100/var(--view-size)*100vw);
}
.common_post_interview_discussion_heading {
  margin-bottom: calc(-12/var(--view-size)*100vw);
  margin-left: calc(-30/var(--view-size)*100vw);
}
.common_post_interview_discussion_heading_title {
  font-size: calc(34/var(--view-size)*100vw);
}
.common_post_interview_discussion_heading_en {
  margin-left: calc(-120/var(--view-size)*100vw);
}
.common_post_interview_discussion_cards {
  margin-top: calc(-20/var(--view-size)*100vw);
  row-gap: calc(66.05/var(--view-size)*100vw);
}
.common_post_discussion_btn_wrapper {
  margin-top: calc(50/var(--view-size)*100vw);
}
/* 座談会ここまで */
}

@media(max-width: 768px){
/* ヘッダー下エリア */
.common_post_bg {
  background-image: url(../img/common/post/ring-sp.png);
  background-size: calc(372.78/var(--view-size)*100vw) calc(374.88/var(--view-size)*100vw);
  background-position: top calc(-100.56/var(--view-size)*100vw) right calc(-170.19/var(--view-size)*100vw);
}
.common_post_top {
  padding-top: calc(101/var(--view-size)*100vw);
}
.common_post_top > div {
  margin-bottom: calc(25/var(--view-size)*100vw);
}
/* ヘッダー下エリアここまで */

.common_post_breadcrumb_items {
  padding-right: calc(20/var(--view-size)*100vw);
}

/* コンテンツエリア */
.common_post_interview_columns {
  display: block;
  margin-top: calc(80/var(--view-size)*100vw);
}
.common_post_interview_sticky {
  width: calc(315/var(--view-size)*100vw);
}
.common_post_interview_card {
  position: static;
}
.common_post_interview_content {
  margin-left: calc(-20/var(--view-size)*100vw);
  width: calc(100% + (40/var(--view-size)*100vw));
  border-radius: calc(40/var(--view-size)*100vw);
}
.common_post_interview_heading {
  text-align: left;
  padding-bottom: calc(2.1/var(--view-size)*100vw);
  margin-bottom: calc(24/var(--view-size)*100vw);
}
.common_post_interview_heading_num {
  right: initial;
  left: 0;
  font-size: calc(60/var(--view-size)*100vw);
}
.common_post_interview_heading_title {
  font-size: calc(16/var(--view-size)*100vw);
  letter-spacing: 0.125em;
}
.common_post_interview_balloon {
  margin-bottom: calc(20/var(--view-size)*100vw);
  border-radius: calc(10/var(--view-size)*100vw);
}
.common_post_interview_balloon::before {
  top: calc(-2.5/var(--view-size)*100vw);
  width: calc(20/var(--view-size)*100vw);
  height: calc(2.5/var(--view-size)*100vw);
  background-color: #F9F9F9;
}
.common_post_interview_balloon_left::before {
  left: calc(13/var(--view-size)*100vw);
}
.common_post_interview_balloon::after {
  top: calc(-13/var(--view-size)*100vw);
  width: calc(2/var(--view-size)*100vw);
  height: calc(15/var(--view-size)*100vw);
}
.common_post_interview_balloon_left::after {
  left: calc(21/var(--view-size)*100vw);
}
.common_post_interview_balloon_right::before {
  right: calc(13/var(--view-size)*100vw);
}
.common_post_interview_balloon_right::after {
  right: calc(21/var(--view-size)*100vw);
}
/* コンテンツエリアここまで */

/* コンテンツ下その他の社員 */
.common_post_interview_other_section {
  margin-top: calc(-10/var(--view-size)*100vw);
  padding-bottom: calc(78/var(--view-size)*100vw);
}
.common_post_interview_other_heading {
  margin-bottom: calc(-13/var(--view-size)*100vw);
}
.common_post_interview_other_heading_en {
  margin-left: calc(-20/var(--view-size)*100vw);
}
.common_post_interview_other_heading_title {
  font-size: calc(18/var(--view-size)*100vw);
}
.common_post_interview_other_cards.common_pc_only {
  display: none!important;
}
/* コンテンツ下その他の社員ここまで */

/* 座談会 */
.common_post_interview_discussion_section {
  padding-bottom: calc(40/var(--view-size)*100vw);
}
.common_post_interview_discussion_heading {
  margin-bottom: calc(-12/var(--view-size)*100vw);
  margin-left: 0;
}
.common_post_interview_discussion_heading_title {
  font-size: calc(18/var(--view-size)*100vw);
}
.common_post_interview_discussion_heading_en {
  margin-left: calc(-20/var(--view-size)*100vw);
}
/* 座談会ここまで */
}