@charset "utf-8";
/* Talk Session */
.talk-list{display: flex; flex-wrap: wrap;}
.talk-list .item{display: flex; align-content: space-between; justify-content: flex-end; flex-wrap: wrap; width: 100%; box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; overflow: hidden; transition: .6s; background: #fff; padding: min(2.5vw,30px);}

.talk-list .inner{width: 100%;}
.talk-list .photo{max-width: 160px; width: 70%; border-radius: 100%; overflow: hidden; margin: 0 auto 20px; line-height: 1;}
.talk-list .name{font-weight: bold; font-size: 2rem; line-height: 1.6; margin-bottom: 5px;}
.talk-list .name span{font-size: 1.4em; line-height: 1;}
.talk-list .desc{font-size: 1.6rem; line-height: 1.6; margin-bottom: 22px;}
.talk-list .img{border-radius: 10px; overflow: hidden; margin-bottom: 10px; line-height: 1;}
.talk-list .img img{width: 100%;}
.talk-list .img a:hover{opacity: .8;}
.talk-list .txt{font-size: 2rem; line-height: 1.6; font-weight: bold; text-decoration: underline; text-underline-offset: 0.2em;}

.talk-list .btn{margin-top: 15px;}
.talk-list .btn a{width: 170px; height: 34px; border: 1px solid #4B4594; background: #fff; text-align: center; font-weight: bold; font-size: 1.6rem; display: flex; justify-content: center; align-items: center; border-radius: 34px; color: #4B4594; transition: .4s cubic-bezier(0.37, 0, 0.63, 1); position: relative; padding-bottom: 0.05em;}
.talk-list .btn a:after{content: ""; position: absolute; top: 50%; right: 10px; width: 14px; height: 14px; margin-top: -7px; background: #4B4594; mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%; -webkit-mask: url("../img/common/ic-arrow.svg") no-repeat top left/100% 100%; transition: .4s cubic-bezier(0.37, 0, 0.63, 1);}
.talk-list .btn a:hover{background: #4B4594; color: #fff;}
.talk-list .btn a:hover:after{background: #fff; right: 5px;}

@media screen and (min-width: 769px){
	.talk-list .item{width: 31.667%; margin: 0 2.4995% 2.4995% 0;}
    .talk-list .item:nth-of-type(3n){margin-right: 0;}
}

@media screen and (max-width: 768px){
    .talk-list .item{width: calc(50% - 10px); margin: 0 20px 20px 0; border-radius: 6px; padding: 15px 10px;}
    .talk-list .item:nth-of-type(2n){margin-right: 0;}
    
    .talk-list .photo{margin: 0 auto 10px;}
    .talk-list .name{font-size: 1.4rem;}
    .talk-list .desc{font-size: 1.4rem; margin-bottom: 15px;}
    .talk-list .img{border-radius: 6px;}
    .talk-list .txt{font-size: 1.6rem;}
    
    .talk-list .btn a{width: 140px; height: 30px; font-size: min(3.5vw,1.4rem); padding-right: 5px; margin: 0 auto;}
    .talk-list .btn a:after{width: 12px; height: 12px; margin-top: -6px;}    
}