/*=============================================================
 about_haken
=============================================================*/
#mainImg {
  display: none;
  background-image: url(../img/tour/img_main_sp.jpg); }
  @media (min-width: 640px) {
    #mainImg {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      background-image: url(../img/tour/img_main_pc.jpg); } }

#about_haken section {
  margin-bottom: 50px; }
  @media (min-width: 640px) {
    #about_haken section {
      margin-bottom: 70px; } }

#about_haken #sec02 .pic {
  display: block;
  margin: 15px auto 0; }
  @media (min-width: 640px) {
    #about_haken #sec02 .pic {
      margin: 30px auto 0; } }

#about_haken #sec04 .txt {
  margin-bottom: 30px; }
/*=============================================================
 追記
=============================================================*/

.f_normal{/*-文字太さ　normal*/
	font-weight: normal;}
  @media (min-width: 640px) {
	  .f_normal{
		  font-weight: normal;}}

.p_b{/*padding　bottom調整*/
	padding-bottom: 20px;}
  @media (min-width: 640px) {
		.p_b{
		  padding-bottom: 30px;}}


.mod_tit03 {
  font-size: 18px;
  font-weight:bold; }
  @media (min-width: 640px) {
    .mod_tit03 {
      font-size: 25px;
      } }

/*---------------------------------------------------充実の研修制度*/

#sec01{
	height: auto;}

#sec01 .four{
    display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
    width:100%;
	height: auto;
	margin: 20px auto;}

#sec01 .four_li{
width:100%;
margin-bottom: 20px;}
  	@media (min-width: 640px) {
	  #sec01 .four_li{
    		background-color: #f5ece6;
    		width: 24%;
		  	padding: 20px;
			height: auto;
		margin: 5px auto;}}
#sec01 .four_li .tit {
      background-color: #f38440;
      height: 35px;
      line-height: 35px;
      color: #fff;
      border-radius: 35px;
      padding: 0 20px;
      position: relative; }
#sec01 .pink .four_li .tit{
      background-color: #e07381;
}
#sec01 .four_li .tit span {
      color: #f38440;
		background:#fff;
	padding:3px 10px;
	border-radius:50px;
	font-size:90%;
	margin-left:5px;
}
#sec01 .pink .four_li .tit span {
	color: #e07381;
}
#sec01 .four_li .tit:before {
        content: '';
        width: 13px;
        height: 22px;
        margin-right: 8px;
        -webkit-transform: translateY(-1px);
        transform: translateY(-1px);
        display: inline-block;
        background: url(../img/common/ico_human02.png) left top no-repeat;
        background-size: contain;
        vertical-align: middle; }
#sec01 .four_li .tit.js-toggle:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 6px 0 6px;
        border-color: #fff transparent transparent transparent; }
#sec01 .four_li .tit.open:after {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg); }
#sec01 .four_li .js-toggle-content {
	display:none;
}
 	@media (min-width: 640px) {
		#sec01 .four_li .js-toggle-content {
			display:block;
		}}

@media (min-width: 640px) {
#sec01 .four_li img{
	display: block;
	width: 140px;
	height: 140px;
	padding: 0;
	margin: 0 auto 15px auto;}
}
#sec01 .four_li .txt{
	padding: 10px 15px 0;
	width: 100%;
	height: auto;
    font-size: 14px;}
  	@media (min-width: 640px) {
		#sec01 .four_li p{
		font-size: 17px;}}


/*---------------------------------------------------充実の研修制度 end*/


/*---------------------------------------------------汎用-*/
#sec02{
	margin-bottom:30px;
}
#sec02 .right{
	margin-bottom: 20px;}
  	@media (min-width: 640px) {
			#sec02 .right{
			margin-bottom: 40px;}}

#sec02 .tit span{
	font-weight: bold;
	font-size: 17px;
	margin-top: 20px;}
  	@media (min-width: 640px) {
		#sec03 .tit span{
		font-size: 20px;
		margin-top: 40px;}}

#sec02 .b_red{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#cc0000;
	margin-top:20px;
		margin-bottom:8px;}
  	@media (min-width: 640px) {
		#sec02 .b_red{
			font-size:20px;
		margin-top:30px;
		margin-bottom:10px;}}

#sec02 strong {
  font-weight: bold;
}

/*---------------------------------------------------汎用- end*/

/*---------------------------------------------------万全なフォロー体制*/
#sec03{
	margin-bottom:50px;
}

#sec03 .tit span{
	font-weight: bold;
	font-size: 17px;
	margin-top: 20px;}
  	@media (min-width: 640px) {
		#sec03 .tit span{
		font-size: 20px;
		margin-top: 40px;}}

#sec03 .right{
	margin-bottom: 20px;}
  	@media (min-width: 640px) {
			#sec02 .right{
			margin-bottom: 40px;}}

/*---------------------------------------------------万全なフォロー体制 end*/

/*---------------------------------------------------オンラインシステム*/
#sec04{
	margin-bottom:30px;
}
@media (min-width: 640px) {
#sec04{
	margin-bottom:50px;
}}
.feature03_section{
	width:100%;
	height: auto;
	padding:0;
	margin: 10px 0;}
  	@media (min-width: 640px) {
		.feature03_section{
			margin: 30px auto;}}

.feature_img_03{
	float: none;
	width: 100%;
	height: auto;
	padding: 0;
	margin:  0;}
  	@media (min-width: 640px) {
		.feature_img_03{
			float: left;
			width: 55%;
			height: auto;
			padding: 0;
			margin: 0;}}


.feature03_section ul{
	width: 100%;
	height: auto;
	padding:0;
	margin: 0 auto 20px auto;}
  	@media (min-width: 640px) {
		.feature03_section ul{
			float:right;
			width: 45%;
			max-width:640px;}}


.feature03_section li{
	width:100%;
	height: auto;
	color:#f06b80;
	font-size: 18px;
	font-weight: bold;
	line-height: 2.8em;
	padding:0 10px;
	margin: 0;}
  	@media (min-width: 640px) {
		.feature03_section li{
			color:#f06b80;
			font-size: 19px;
			line-height: 2.2em;}}



.feature03_section .feature_li01{
	background-color: #fceced;
}

/*---------------------------------------------------オンラインシステム end*/


/*---------------------------------------------------給与アイコン */
#sec05{
	margin-bottom:30px;
}

.mod_list01 .item .tit2:before {
	width: 22px;
	height: 22px;
    background: url(../img/common/ico_wallet.png) left top no-repeat;
    background-size: contain;}
    @media (min-width: 640px) {
       .mod_list01 .item .tit2:before {
			width: 25px;
            height: 25px;} }



/*=============================================================
 ページ汎用
=============================================================*/

.mod_list01 .item .tit2:before {
	width: 22px;
	height: 22px;
    background: url(../img/common/ico_wallet.png) left top no-repeat;
    background-size: contain;}
    @media (min-width: 640px) {
       .mod_list01 .item .tit2:before {
			width: 25px;
            height: 25px;} }


.point_box{
	width: 100%;
	height: auto;
	margin: 0 auto;
	font-weight: bold;
  	font-size:18px;
  	padding-bottom:25px;}
    @media (min-width: 640px) {
		.point_box{
			height: auto;
			padding-top:15px;}}


.point_box_ttl {
  background-color:#ebdad0;
  margin-top:24px;
  line-height:50px;
  height:50px;
  box-sizing:border-box;
  width:100%x;
	height: auto;
  font-size:17px;
	font-weight: bold;
	padding-left: 15px;}
	    @media (min-width: 640px) {
			.point_box_ttl {
			font-size:20px;}}


.point_box_txt {
  background-color:#f5ece6;
  box-sizing:border-box;
  width:100%;
	height: auto;
  padding:15px;}


.tourlist{
  padding-left: 1em;
    text-indent: -1em;
  margin-top: 10px;
  margin-bottom: 10px;}
  @media (min-width: 640px) {
    .tourlist{
    padding-left: 1em;
    text-indent: -1em;
      margin-top: 10px;
    margin-bottom: 10px;}}

.tourlist span{
  color:#73C470;}

.txt span{
  color:#73C470;
  font-weight: bold;
  }

.tour_bg {
    background-color: #FFCACA;
    padding: 1rem 2rem;
    color: #ff0000;
    font-size: 36px;
}


/*-----------------------------------------------------------------------流れ*/
.flow_ia, .flow_ia_blue {
	display:block;
	position:relative;
  	background-color:#ecf2fd;
	padding: 15px;}
		 @media (min-width: 640px) {
		.flow_ia, .flow_ia_blue {
			display:flex;
  			display:-webkit-flex;
  			flex-wrap:nowrap;
  			-webkit-flex-wrap:nowrap;
			margin:1em 0;
			 padding: 0;}}
			 
.flow_ia_blue {
	margin-top: 25px;}
	@media (min-width: 640px) {
		.flow_ia_blue {
		  margin-top: 0}}

.flow_ia .flow_step {
	background-color:#6b86f0;
    width:80px;
    height:80px;
    min-width:80px;
    border-radius:50%;
    position:absolute;
    top:15px;
	left:15px;}
		@media (min-width: 640px) {
		.flow_ia .flow_step {
  		background-color:#6b86f0;
		width:125px;
		height: 100%;
		border-radius:0;
		top:0;
		left:0;}}

.flow_ia .flow_step img {
	position:relative;
	width: 75%;
    top:0;
    margin-top:0;
    top:15px;
    left:59%;
    margin-left:-32px;}
	@media (min-width: 640px) {
		.flow_ia .flow_step img {
			position:relative;
			top:50%;
			width: 50%;
			height: auto;
			margin-top:-18px;
			margin-left:-35px;}}

.flow_ia .flow_textbox {
  box-sizing:border-box;}
	@media (min-width: 640px) {
		.flow_ia .flow_textbox {
  		width:100%;
		padding:15px 15px 15px 0;
		margin-left: 100px;}}

.flow_ia_blue .flow_textbox_blue {
  box-sizing:border-box;}
	@media (min-width: 640px) {
		.flow_ia_blue .flow_textbox_blue {
  		width:100%;
		padding:15px 15px 15px 0;}}

.flow_text_ttl, .flow_text_ttl_blue {
	padding-left: 95px;
    padding-bottom:25px;
	border-bottom:2px solid #bbb;
    box-sizing:border-box;}
	@media (min-width: 640px) {
	.flow_text_ttl, .flow_text_ttl_blue {
  		width:95%;
  		border-bottom:1px solid #bbb;
		margin: 0 -40px 0 40px;
		padding-bottom:5px;
		padding-left: 0;}}

.flow_text_ttl_blue {
	padding-left: 0;
}
.flow_text_ttl .flow_text_ttlMain,
.flow_text_ttl_blue .flow_text_ttlMain_blue {
  color:#6b86f0;
  font-size:27px;
  font-weight:bold;
  margin:0;}
	@media (min-width: 640px) {
		.flow_text_ttl .flow_text_ttlMain,
		.flow_text_ttl_blue .flow_text_ttlMain_blue {
  		color:#6b86f0;
  		font-size:27px;
  		font-weight:bold;
		margin:0;}}

.flow_text_ttl_blue .flow_text_ttlMain_blue {
  color:#6b86f0;
}

.flow_text_ttl .flow_text_ttlSub,
.flow_text_ttl_blue .flow_text_ttlSub {
  color:#333;
  font-size:16px;
  font-weight:bold;
  margin:0;}

.flow_ia .flow_textbox .flow_text_p1,
.flow_ia_blue .flow_textbox_blue .flow_text_p1 {
  width:100%;
	height: auto;
	margin: 15px auto;}
	@media (min-width: 640px) {
	.flow_ia .flow_textbox .flow_text_p1,
	.flow_ia_blue .flow_textbox_blue .flow_text_p1 {
  		width:95%;
		margin: 0 -40px 0 40px;
		height: auto;
		padding: 15px 0;}}

.flow_btnlist,.flow_btnlist_blue {
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;}

.flow_btnlist div {
/*  margin-right:1.5em; */}

 .flow_ia_sankaku {
	 display: block;
	 margin:20px auto;}
	@media (min-width: 640px) {
 		.flow_ia_sankaku {
	 		display: block;
	 		margin:0 auto;}}

.flow_btnlist .flow_btnlink a,
.flow_btnlist_blue .flow_btnlink_blue a {
  display:block;
  background-color:#fff;
  line-height:35px;
  padding:0 19px 0 6px;
	font-size: 13px;
  position:relative;
  color:#f06b80;
  box-sizing:border-box;
  border:1px solid #f06b80;
margin:0 2px;}
@media (min-width: 640px) {
	.flow_btnlist .flow_btnlink a,
	.flow_btnlist_blue .flow_btnlink_blue a {
  		display:block;
  		background-color:#fff;
  		line-height:35px;
  		padding:0 40px;
		font-size: 17px;
		margin-left: 40px;
  		position:relative;
  		color:#f06b80;
  		box-sizing:border-box;
		border:1px solid #f06b80;}}

.flow_btnlist_blue .flow_btnlink_blue a {
  color:#6b6df0;
  border:1px solid #6b6ff0;}
@media (min-width: 640px) {
	.flow_btnlist_blue .flow_btnlink_blue a {
	color:#6b6df0;
	border:1px solid #6b6ff0;}}

.flow_btnlink, .flow_btnlink_blue {
	position:relative;}


.flow_btnlink a img,
.flow_btnlink_blue a img {
	vertical-align:0em;
	display:inline-block;
	position:absolute;
	top:9px;
	right:4px;}
@media (min-width: 640px) {
	.flow_btnlink a img,
	.flow_btnlink_blue a img {
		right:15px;}}


/*-----------------------------------------------------------------------流れ end*/

/*=============================================================
 説明会
=============================================================*/

.center{
	font-size:16px;
	text-align: center;}
  	@media (min-width: 640px) {
		.center{
			font-size:18px;}}

/* ---------------------------------------------------------説明会*/

#sec_setsumei {
	background-color: #fdebee;
  	padding-top:  50px;
  	padding-bottom:  50px; }
  @media (min-width: 640px) {
    #sec_setsumei  {
		padding-top: 70px;
		padding-bottom:  70px; } }

/* -----------------------------------------------------説明会　タブ*/
		
.tab_ul{
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	width: 100%;
	padding: 0;
	margin:30px auto 0 auto;}
	@media (min-width: 640px) {
		.tab_ul{
			width:1000px;
			display: flex;
			flex-flow: row wrap;
			justify-content: flex-start;
			margin:30px auto 0 auto;}}

.tab_ul li {
	width: 125px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	opacity: 1;}
	@media (min-width: 640px) {
	.tab_ul li {
    	width: 200px;
		height: 50px;
		padding: 0;
		margin: 0 5px 0 0;}}
 
.tab_ul li a { 
		font-size: 18px;
		display: block;
		width: 100%;
		height: 100%;
		background-color:#f3b0bb;
    	color: #f9dadf;
    	font-weight: bold;
    	text-align: center;
		line-height: 2.1em;
		letter-spacing: 0.2em;
		padding: 10px 0;
		border-bottom: none;
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;}
	@media (min-width: 640px) {
	.tab_ul li a { 
		font-size: 18px;
		line-height: 1.8em;}}

.tab_ul li a:hover{/* タブボタンhover*/
    background-color:#f06b80;
    color:#fff;
	opacity:1;
	border-bottom: none;
	margin-right: 3px;}

 
.tab_ul li a.current {
    background: #f06b80;
    color: #fff;
	padding: 10px 0;
	border-bottom: none;
	margin-right: 3px;}
 
#tab_contents div {
		width: 100%;
		height: auto;
    	background: white;
    	border: 2px solid #f06b80;
		padding: 30px 0;
		margin: 0 auto;}
	@media (min-width: 640px) {
		#tab_contents div {
		width: 820px;}}


#tab1,#tab2,#tab3{
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 15px 0;}
	@media (min-width: 640px) {
		#tab1,#tab2,#tab3{
			width:820px;}}


#tab1 dl a,#tab2 dl a,#tab3 dl a{
		color:#333;
		font-size:15px;
		line-height: 1.8em;}
	@media (min-width: 640px) {
		#tab1 dl a,#tab2 dl a,#tab3 dl a{
		line-height: 2.8em;}}

#tab1 dl,#tab2 dl,#tab3 dl{
		width: 90%;
		height:auto;
		font-color:#333;
		line-height:0.5em;
		margin: 0 auto;
		padding:5px;
		border-bottom: solid 1px #666;}
	@media (min-width: 640px) {
		#tab1 dl,#tab2 dl,#tab3 dl{
		width: 85%;
		height:auto;
		font-color:#333;
		line-height:2.5em;
		margin: 0 auto;
		padding:5px;
		border-bottom: solid 1px #666;}}


#tab_contents dl:last-child{
		border-bottom: none;}

#tab1 dt,#tab2 dt,#tab3 dt{
		display:block;}
		@media (min-width: 640px) {
			#tab1 dt,#tab2 dt,#tab3 dt{
			display:inline-block;}}


#tab1 dd,#tab2 dd,#tab3 dd{
			display:block;}
		@media (min-width: 640px) {
			#tab1 dd,#tab2 dd,#tab3 dd{
			display:inline-block;
			margin-left:25px;}}

/* --------------------------------------------説明会　タブ end*/

/* ↓エントリーボタン------------------------- */

.jobinfo_btngrp {
  margin:30px 0;
  display:flex;
  display:-webkit-flex;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
  justify-content:space-around;
  -webkit-justify-content:space-around;
}
.jobinfo_ouboBtn {
  margin:0;
  width:224px;
}
.jobinfo_lineBtn {
  margin:0;
  width:165px;
}
.jobinfo_mailBtn {
  margin:0;
  width:180px;
}
.jobinfo_ouboBtn a,
.jobinfo_lineBtn a,
.jobinfo_mailBtn a {
  display:block;
  height:45px;
  text-align:center;
  border-radius:8px;
  line-height:45px;
  position:relative;
}
.jobinfo_ouboBtn a {
  color:#fff;
  background-color:#f14c75;
}
.jobinfo_lineBtn a {
  color:#fff;
  background-color:#2eab36;
}
.jobinfo_mailBtn a {
  color:#333;
  background-color:#fff;
  border:1px solid #bbb;
}
.jobinfo_lineBtn a img {
  position:absolute;
  width:auto;
  height:22px;
  top:11px;
  margin-left:12px;
}
.jobinfo_mailBtn a img {
  position:absolute;
  width:auto;
  height:20px;
  top:12px;
  margin-left:11px;
}
.jobinfo_ouboBtn a::after,
.jobinfo_lineBtn a::after {
/*
  content:url(../job_offer/images/arrow_white1.png);
  position:absolute;
  right:10px;
  margin-top:3px;
*/
}
.jobinfo_mailBtn a::after {
/*
  content:url(../job_offer/images/arrow_gray1.png);
  position:absolute;
  right:10px;
  margin-top:3px;
*/
}
.jobinfo_recommend {
  border:1px solid #f59b66;
}
.job_recttl {
  background-color:#f59b66;
  font-size:18px;
  color:#fff;
  height:36px;
  line-height:36px;
  box-sizing:border-box;
  padding-left:30px;
}
.job_reclist {
  margin:0;
  padding:1em 1em 1em 30px;
}
.job_reclist li {
  line-height:30px;
  box-sizing:border-box;
  padding-left:30px;
  position:relative;
}
.job_reclist li::before {
  content:url(../img/job/sankaku_s.png);
  position:absolute;
  left:5px;
}


/* PC：横並び＋中央寄せ（seminar2 最終版／ここから差し替え） */
.jobinfo_btngrp{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
  margin:24px auto;
  max-width:1100px;
  padding:0;
  box-sizing:border-box;
}
.jobinfo_btngrp a{
  display:flex;               /* テキスト上下左右中央 */
  align-items:center;
  justify-content:center;
  flex:1 1 240px;
  max-width:360px;
  padding:10px 18px;          /* ← 高さはpaddingで調整（上下10px） */
  border:1px solid #ccc;
  border-radius:6px;
  text-decoration:none;
  box-sizing:border-box;
  margin:0;
  line-height:1.4;
}

/* スマホ：縦並び＋ページ中央に配置 */
@media (max-width: 767px){
  .jobinfo_btngrp{
    width:100%;
    max-width:none;
    flex-direction:column;
    align-items:center;
    gap:12px;
    margin-left:auto;
    margin-right:auto;
    padding:0;
  }
  .jobinfo_btngrp a{
    flex:0 0 auto;
    width:auto;
    min-width:260px;
    max-width:90vw;
    margin:0 auto;
    padding:10px 18px;        /* ← 同じく上下10pxで揃える */
  }
}
/* PC：横並び＋中央寄せ（seminar2 最終版／ここまで差し替え） */

.recruit_table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
}
.recruit_table th,
.recruit_table td {
    border: 1px solid #ccc;
    padding: 10px 14px;
    vertical-align: top;
    text-align: left;
    line-height: 1.7;
}
.recruit_table th {
    background-color: #f5f5f5;
    white-space: nowrap;
    width: 130px;
    font-weight: bold;
}

#tab_contents dt a {
    text-decoration: underline;
}
#tab_contents dt a:hover {
    opacity: 0.7;
}

@media screen and (max-width: 640px) {
    .recruit_table th,
    .recruit_table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .recruit_table th {
        white-space: normal;
        text-align: center;
    }
    .recruit_table th br {
        display: none;
    }
}
/* ========================================
  先輩インタビュー セクション（追加CSS）
  既存のスタイルには手を加えていません。
  クラス名はすべて "interview-" プレフィックスで統一。
======================================== */

/* カード間の余白 */
.interview-card {
  margin-bottom: 32px;
}
.interview-card:last-child {
  margin-bottom: 0;
}

/* プロフィール帯（イラスト＋名前） */
.interview-profile {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f5f5f5;
  border-left: 4px solid #54b150; /* サイトのメイングリーンに合わせて */
  padding: 14px 16px;
  margin-bottom: 16px;
  border-radius: 0 4px 4px 0;
}

.interview-profile img {
  width: 72px;
  height: 72px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  border: 2px solid #ccc;
}

.interview-profile-name {
  font-size: 16px;
  font-weight: bold;
  color: #333;
  margin: 0 0 2px;
}

.interview-profile-meta {
  font-size: 12px;
  color: #666;
  margin: 0;
  line-height: 1.6;
}

.interview-profile-badge {
  display: inline-block;
  background: #54b150;
  color: #fff;
  font-size: 11px;
  padding: 1px 8px;
  border-radius: 2px;
  margin-top: 4px;
}

/* Q&A リスト */
.interview-qa-list {
  font-size: 13px;
  line-height: 1.75;
}

.interview-qa-list dt {
  display: flex;
  align-items: baseline;
  gap: 8px;
  font-size: 16px;
  font-weight: bold;
  color: #54b150;
  margin: 12px 0 4px;
}

/* Q アイコン */
.interview-qa-list dt::before {
  content: "Q";
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: #54b150;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  border-radius: 50%;
  flex-shrink: 0;
  line-height: 1;
}

.interview-qa-list dd {
  color: #444;
  font-size: 16px;
  padding-left: 28px;
  margin: 0 0 4px;
  border-bottom: 1px dashed #ddd;
  padding-bottom: 12px;
}

.interview-qa-list dd:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

/* スマホ対応 */
@media screen and (max-width: 640px) {
  .interview-profile {
    gap: 12px;
    padding: 12px;
  }
  .interview-profile img {
    width: 60px;
    height: 60px;
  }
  .interview-profile-name {
    font-size: 15px;
  }
}
/* ======================================== 先輩インタビュー CSS（追加分ここまで） */