@charset "utf-8";

.watch_video_wrap{
    width:327px;
    margin:0 auto;
}
.watch_video{
    text-align:center;
    font-size:24px; 
    margin-bottom:45px;
}

/* slider */
.crosstalk_slider .slides .item {
    margin-right: 20px;
}
.slick-slide {
    padding: 0 10px;
}

.area_talk_kvimg{
  height: 37.5rem;
  background-image: url(/recruit/img/people/crosstalk/hinsho/SP_top_hinsho.jpg);
  background-size: cover;
  background-position: center;
}
.cl_blue{
color: #019BC9;
}
.cl_red{
color: #BE0A0A;
}
.cl_yellow{
color: #B57B0C;
}
.cl_green{
color: #048E7E;
}
.txt_ltblue{
font-weight: bold;
}

.area_talk_ttl{
margin-top: -4rem;
font-size: 1.6rem;
}
.area_talk_ttl .menu_ttl{
background-color: #00125E;
color: white;
font-weight: bold;
font-size: 1.8rem;
display: inline-block;
padding: 1.8rem 2.8rem 1.8rem 1.6rem;
margin-bottom: 2rem;
}

.area_talk_ttl div{
    background-color: #00125E;  
    color: white;
}
.area_talk_ttl .ttl_main{
    font-size: 2.8rem;
    font-weight: bold;
    padding: 0.9rem 1.6rem 0 1.6rem;
    width: fit-content;
}
.area_talk_ttl .ttl_main_add{
    font-size: 2.8rem;
    font-weight: bold;
    padding: 0 1.6rem 0.9rem 1.6rem;
    width: fit-content;
}
.ttl-discription{
    padding: 1.6rem;
    font-weight: bold;
    width: fit-content;
}

.area_talk_ttl h2,.area_talk_ttl p{
padding-left: 1.6rem;
}
.area_talk_ttl h2{
font-weight: bold;
margin-bottom: 2.2rem;
}

.pg_top_hr{
margin-top: 4.3rem;
}

/*profile*/
.ul_profile{
list-style-type: none;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 9.5rem;
}
.ul_profile > li{
width: calc((100% - 1.5rem) / 2);
text-align: center;
margin-bottom: 2rem;
}
.ul_profile li img{
margin-bottom: 0.5rem;
}
.profile_name{
font-weight: bold;
margin-bottom: 1rem;
}
#area_conts .profile_name p{
margin-bottom: 0;
}
#area_conts .profile_name p:first-of-type{
font-size: 1.6rem;
}
#area_conts .profile_name p:nth-child(2){
font-size: 1.2rem;
}

.profile_detail{
list-style: none;
font-size: 1.3rem;
}

/*cross_talk*/
#area_conts h2{
text-align: left;
}
#area_conts .area_question{
font-weight: bold;
margin-bottom: 2.7rem;
}
.box_talker{
margin-bottom: 5.5rem;
}
.icon_talker{
width: 25%;
}
.area_twoblock_img img:not(.mb_0){
margin-bottom: 3rem;
}
.area_one_column{
margin-top: 5rem;
}

/*box_blue*/
.box_blue{
margin-top: 5rem;
}
#area_conts .box_blue > h4{
margin-bottom: 3.5rem;
}
.box_blue .flexitem_1_3{
text-align: center;
padding: 0 5.6rem;
margin-bottom: 3rem;
}
.box_blue .flexitem_1_3:last-of-type{
margin-bottom: 0;
}


/*------------------breakpoint-------------------*/
@media (min-width: 600px) {/*PC用*/
.watch_video_wrap{
    width:800px;
    margin:0 auto;
}
.watch_video{
    text-align:center;
    font-size:30px; 
    margin-bottom:52px;
}
.area_talk_kvimg{
  height: 50rem;
  background-image: url(/recruit/img/people/crosstalk/hinsho/PC_top_hinsho.jpg);
}
.area_talk_ttl{
  margin-top: -38.6rem; 
  margin-bottom: 11.5rem;
}
.area_talk_ttl h2{
  padding-left: 0;
  margin-bottom: 3rem;
}
.area_talk_ttl .menu_ttl{
  padding: 1.6rem 2.3rem;
  margin-bottom: 2.5rem;
}
.area_talk_ttl div{
  background-color: #00125E;  
  color: white;
}
.area_talk_ttl .ttl_main{
  padding: 0.9rem 1.6rem 0 1.6rem;
  font-size: 3.4rem;
  font-weight: bold;
  width: fit-content;
}
.area_talk_ttl .ttl_main_add{
  padding: 0 1.6rem 0.9rem 1.6rem;
  font-size: 3.4rem;
  font-weight: bold;
  width: fit-content;
}
.ttl-discription{
  font-size: 1.6rem;
  padding: 1.6rem;
  font-weight: bold;
  width: fit-content;
}

/*profile*/
.ul_profile {
  list-style-type: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 9.5rem;
  gap: 20px;
}

.ul_profile > li{
  width: calc((100% - 5.4rem) / 4);
}
#area_conts .profile_name p:nth-child(2){
  font-size: 1.4rem;
}
.profile_name{
  margin-bottom: 1.5rem;
}

/*cross_talk*/
.sec_twoblock.conts_left{
  padding-right:0;
}
.sec_twoblock.conts_right{
  padding-left:0;
}
.area_twoblock_conts{
  width: calc((100% - 12rem) / 2 );
}
.area_twoblock_img{
  height: auto;
  position: static;
  flex: 1;
}
.box_talker{
  display: flex;
}
.msg_talker{
  flex: 1;
}
.icon_talker{
  width: 4.8rem;
  margin-right: 2rem;
}
.area_one_column .box_talker{
  margin-bottom: 1.6rem;
}
.area_one_column .box_talker:last-of-type{
  margin-bottom: 7.4rem;
}

/*box_blue*/
.box_blue{
  padding: 3.5rem 11.3rem;
}
#area_conts .box_blue > h4{
  font-size: 2rem;
}
.box_blue .flex_row{
  justify-content: space-between;
  margin-bottom: 0;
}
.box_blue .flexitem_1_3{
  padding: 0;
  width: 17.5rem;
  margin: 0;
}
}