@charset "UTF-8";


.talk_head{
    margin-bottom: 154px;
}
.talk_head_inner{}
.talk_head_ttl{
    font-size: 42px;
    font-size: 2.19vw;
    font-weight: var(--font-normal);
    color: var(--color-blue);
    margin-bottom: 3vw;
}
.talk_head_mes{margin-bottom: 5.6vw;}
.talk_head_main{
    background: url(../img/common/bg3.png) 0 -80px repeat-x;
    display: grid;
    padding: 6.3rem 13%;
    grid-template-columns: 1fr 1fr;
    gap: 3rem 0;
}
.talk_head_box{
    display: flex;
    align-items:center;
    flex: 1;
    gap: 2vw;
}
.talk_head_img{width: 9vw;overflow: hidden;border-radius: 10px;}
.talk_head_prof{
    flex: 1;
}
.talk_head_post{
    font-size: 16px;
    font-weight: var(--font-normal);
}
.talk_head_name{
    font-size: 24px;
}

/* hover  */
@media (hover: hover) and (pointer: fine) {
}

/* sp */
@media screen and (max-width: 767px) {

    .talk_head{
    margin-bottom: 5rem;
}
    .talk_head_inner{}
    .talk_head_ttl{
    font-size: 2rem;
}
    .talk_head_mes{}
    .talk_head_main{
    display: grid;
    padding: 2.3rem 8%;
    gap: 1rem 0;
    grid-template-columns: 1fr;
}
    .talk_head_box{}
    .talk_head_img{
    width: 31%;
    margin-right: 1rem;
}
    .talk_head_prof{}
    .talk_head_post{
    font-size: 1.4rem;
}
    .talk_head_name{
    font-size: 2rem;
}
}

/* --------------------------------  */

.talk_main{
    position: revert;
    z-index: 1;
}
.talk_main:before{
    content: "";
    z-index: 1;
    position: absolute;
    background: url(../img/common/bg3.png) 0 0 repeat-x;
    background-size: auto 100%;
    left: 0;
    right: 0;
    bottom: 46rem;
    height: 1260px;
}
.talk_main_inner{
    display: grid;
    gap: 169px 0;
    position: relative;
    z-index: 5;
}
.talk_main_box{}


.talk_main_list{margin-left: 16.7%;display: grid;gap: 40px 0px;}
.talk_main_list dl{
    display: flex;
    align-items:flex-start;
}
.talk_main_list dt{
    width: 100px;
    margin-right: 51px;
}
.talk_main_list_img{
    overflow: hidden;
    border-radius: 100px;
}
.talk_main_list_name{
    font-size: 20px;
    font-weight: var(--font-bold);
    text-align: center;
    color: var(--color-blue);
}
.talk_main_list dd{
    flex: 1;
}

.talk_main_img{
    margin-top: 150px;
    border-radius: 10px;
    overflow: hidden;
}

.talk_main_mes{
    background: #fff;
    margin-top: 224px;
    padding: 3.6vw 6.3%;
}
.talk_main_mes_ttl{
    font-size: 32px;
    color: var(--color-blue);
    margin-bottom: 23px;
}
.talk_main_mes_txt{
    margin-bottom: 60px;
}
.talk_main_mes_img{
    display: flex;
    gap: 0 2.5%;
}
.talk_main_mes_img li{
    flex: 1;
    overflow: hidden;
    border-radius: 10px;
}




/* hover  */
@media (hover: hover) and (pointer: fine){

}

/* sp */
@media screen and (max-width: 767px){
    .talk_main{}
    .talk_main:before{
    height: 60rem;
    bottom: 41rem;
}
    .talk_main_inner{
    gap: 10rem 0;
}
    .talk_main_box{}
    .talk_main_list{
    margin: 0;
    gap: 3rem 0px;
}
    .talk_main_list dl{}
    .talk_main_list dt{
    width: 7rem;
    margin-right: 1.5rem;
}
    .talk_main_list_img{}
    .talk_main_list_name{
    font-size: 1.4rem;
}
    .talk_main_list dd{}
    .talk_main_img{
    margin-top: 7rem;
}
    .talk_main_mes{
    margin-top: 7rem;
    padding: 6.6vw 8.3%;
}
    .talk_main_mes_ttl{
    font-size: 5vw;
    margin-bottom: 4vw;
}
    .talk_main_mes_txt{
    margin-bottom: 4vw;
}
    .talk_main_mes_img{}
    .talk_main_mes_img li{}
   
}

/* --------------------------------  */

.talk_foot{margin-top: 270px;}
.talk_foot_ttl{
    padding: 0 8.3% 0;
}


/* hover  */
@media (hover: hover) and (pointer: fine){

}

/* sp */
@media screen and (max-width: 767px){

    .talk_foot{
    margin-top: 10rem;
}
    .talk_foot_ttl{}
    
}




/* --------------------------------  */

.talk_list{}
.talk_list_link{
    border-top: solid 1px var(--color-border);
    display: block;
    padding: 0% 4.1%;
}
.talk_list_inner{
    /* padding: 3.6vw 4.6vw; */
    border-left: solid 1px var(--color-border);
    border-right: solid 1px var(--color-border);
}
.talk_list_inner a{
    display: block;
    padding: 3.6vw 4.6vw;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.talk_list_inner a:before {
    content: "";
    z-index: -1;
    position: absolute;
    background: var(--color-purple);
    width: 38%;
    height: 21%;
    bottom: -2%;
    left: -17%;
    border-radius: 100%;
    filter: blur(2.6vw);
    opacity: 0;
    transition: opacity var(--duration-main) var(--easing-opacity);
}



.talk_list_img{
    overflow: hidden;
    border-radius: 10px;
}
.talk_list_main{
    display: flex;
    margin-top: 2.8vw;
    position: relative;
    z-index: 1;
}
.talk_list_head{
    width: 31.6%;

}
.talk_list_ttl{
    font-size: 28px;
    font-size: max(1.46vw,20px);
    margin-bottom: 0.8vw;
}
.talk_list_name{
    font-size: 16px;
}
.talk_list_mes{
    font-size: 16px;
    width: 37%;
}

.talk_list .c-arrow{
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
}


/* hover  */
@media (hover: hover) and (pointer: fine){

    .talk_list_inner a:hover:before {
        opacity: 1;
    }

}

/* sp */
@media screen and (max-width: 767px){
    .talk_list{}
    .talk_list_link{}
    .talk_list_inner{
}
.talk_list_inner a{
    padding: 3rem 4rem;
}
    .talk_list_img{}
    .talk_list_main{
    display: block;
    padding-bottom: 2rem;
}
    .talk_list_head{
    width: auto;
    margin-bottom: 1rem;
}
    .talk_list_ttl{
    font-size: 1.8rem;
}
    .talk_list_name{
    font-size: 1.3rem;
}
    .talk_list_mes{
    width: auto;
    font-size: 1.3rem;
}
    .talk_list .c-arrow{
}

}