body {
    padding-top: 50px;
}
.company-hero{
  position: relative;
  background: url('../images/c_main.jpg') center 28%/cover no-repeat;
  height: 520px;
}

.company-hero::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0; bottom:0;
  background: rgba(255,255,255,0.05);
  z-index: 0;
}

.hero-text-com{
  position: absolute;
  bottom: -50px; /* 画像の下にはみ出す量 */
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 300px;       /* 文字ボックスの幅を調整 */
  display: flex;
  flex-direction: column;
  align-items: center;
	border-radius:5px;
	text-align:center;
}
.hero-text-com h2,
.hero-text-com .subtitle-com{
  background: rgba(255,255,255,1);
  padding: 8px 15px;
  display: block;   /* 幅いっぱいに広げる */
  width: 100%;      /* 親の幅に合わせる */
  margin: 0;
}
.hero-text-com h2{
	border-radius:10px 10px 0 0;
}
.subtitle-com{
	border-radius:0 0 10px 10px;
}
.section-title{
  font-size: 50px;
  margin-bottom: 10px;
	margin-top:50px !important;
}

.subtitle-com{
  font-size: 1.2rem;
}


.inner{
	max-width:1000px;
}





.interview-list{
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 20px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
}

/* カード */
.interview-card_p{
	background:#fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 0 0;
  transition: 0.3s;
  padding:0;
}

/* 画像 */
.img-wrap{
  margin: 0;
  padding: 0;
	position: relative;
  overflow: hidden;
	border-radius:15px;
}

.img-wrap img{
  display: block; /* ←余白防止 */
  width: 400px;
  height: auto;
  object-fit: cover;
}

.interview-card_p:hover img{
  transform: scale(1.05);
	transition:all 0.3s ease;
}

/* テキスト */
.card-content{
  padding: 20px;
}

.position{
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}

.message{
  position: relative;
  background: #fff; /* ←追加 */
  border: 2px solid #6faecf;
  padding: 18px 20px;
  border-radius: 14px;
  margin-top: 20px;
  line-height: 1.7;

  /* おしゃれポイント */
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
	border-left: 5px solid #6faecf;
	border-bottom: 5px solid #6faecf;
}

/* 外側のしっぽ（枠） */
.message::before{
  content: "";
  position: absolute;
  top: -10px;
  left: 30px;

  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #6faecf transparent;
}

/* 内側のしっぽ（白） */
.message::after{
  content: "";
  position: absolute;
  top: -8px;
  left: 30px;

  border-width: 0 10px 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
}
.more-btn{
	background:#fff;
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: rgb(30, 144, 255);
  padding: 10px 50px;
  font-size: 16px;
	border-width: 2px;
	border-style: solid;
	border-color: rgb(30, 144, 255);
	border-image: initial;
  border-radius: 40px;
  text-decoration: none;

  transition: 0.3s;
}

/* ホバー */
.more-btn:hover{
  background: rgb(30, 144, 255);
	color:#fff;
}

/* ??ズラし */
.interview-card_p:nth-child(2){
  margin-top: 40px;
}

.interview-card_p:nth-child(3){
  margin-top: 80px;
}
.interview-lead{
  text-align: center;
  max-width: 600px;
  margin: 30px auto 0;
  line-height: 1.8;
}





.crosstalk-list{
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 20px 0;
}

.crosstalk-item{
  display: flex;
  gap: 40px;
  margin-bottom: 60px;
  align-items: center;

  background: #e6f0fa;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
}
.crosstalk-item:hover{
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
}

/* 画像 */
.crosstalk-img img{
  width: 550px;
  height: 400px;
  object-fit: cover;
  border-radius: 12px 0 0 12px;
}
.crosstalk-item:nth-child(1) .crosstalk-img img{
  height:450px;
}

/* テキスト */
.crosstalk-content{
  flex: 1;
}

.crosstalk-title{
  position: relative;
  display: inline-block;
  font-size: 30px;
  font-weight: bold;
  z-index: 1;
}

.crosstalk-title::before{
  content: "";
  position: absolute;
  left: -8px;
  bottom: 2px;
  width: 110%;
  height: 70%;

  background: repeating-linear-gradient(
    45deg,
    #a8d8f0,
    #a8d8f0 6px,
    #9ccbe2 6px,
    #9ccbe2 12px
  );

  opacity: 0.8;
  z-index: -1;
  transform: rotate(-3deg);
  border-radius: 8px;
}

.crosstalk-member{
  font-weight: bold;
  color: #0077cc;
  margin-bottom: 10px;
}

.crosstalk-text_p{
  font-weight: bold;
  font-size: 20px;
  line-height: 1.8;

  background: linear-gradient(transparent 65%, #fff3a3 65%);
  display: inline;

  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
.interview-more {
    margin-left: 250px;
    margin-bottom: 20px;
}
.crosstalk-more{
  margin-top:20px;
}





.crosstalk-member{
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}

/* 人（縦並び） */
.member{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* 顔 */
.member img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #6faecf;
    margin-bottom: 8px;
    margin-top: 10px;
}

/* 名前 */
.member p{
  font-weight: bold;
}

/* × */
.cross{
  font-size: 28px;
  font-weight: bold;
  color: #6faecf;
}
.cta-button {
    padding: 0 20px;
	
}
.recruit-cta{
    padding-top: 50px;
}