@charset "utf-8";

#single-talk{
    padding:100px 0;
    padding-bottom:0;
}

@media screen and (max-width:930px){
    #single-talk{
        padding:70px 0;
        padding-bottom:0;
    }
}

@media screen and (max-width:550px){
    #single-talk{
        padding:50px 0;
        padding-bottom:0;
    }
}

.single-talk-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.talk-big{
    font-size:30px;
    letter-spacing:0.06em;
    line-height:1.5;
}

.talk-green{
    color:#25C1A1;
}

.single-talk-block + .single-talk-block{
    margin-top:100px;
}

.single-talk-intro{
    margin:70px auto;
    font-size:16px;
    line-height:2.25;
    text-align: justify;
}

@media screen and (max-width:930px){
    .talk-big{
        font-size:24px;
    }

    .single-talk-block + .single-talk-block{
        margin-top:70px;
    }
    
    .single-talk-intro{
        margin:50px auto;
        line-height:2;
    }
}

@media screen and (max-width:550px){
    .talk-big{
        font-size:20px;
    }

    .single-talk-block + .single-talk-block{
        margin-top:50px;
    }
    
    .single-talk-intro{
        margin:30px auto;
        line-height:1.8;
    }
}

.a-talker{
    display:flex;
    gap:3%;
    align-items: flex-start;
}

.a-talker-img{
    width:216px;
    height:auto;
    border-radius:50%;
}

.a-talker-img img{
    object-fit: cover;
    border-radius:50%;
}

.a-talker-right{
    width:calc(100% - 216px - 3%);
}

@media screen and (max-width:930px){
    .a-talker-img{
        width:180px;
    }
    
    .a-talker-right{
        width:calc(100% - 180px - 3%);
    }
}

@media screen and (max-width:550px){

    .a-talker{
        display:block;
    }

    .a-talker-img{
        width:60%;
        margin:0 auto;
    }
    
    .a-talker-right{
        width:100%;
        margin-top:10px;
    }
}

.a-talker-position,
.a-talker-year{
    font-size:18px;
    letter-spacing:0.06em;
    line-height:1.8;
}

.a-talker-name{
    font-size:28px;
    font-weight:700;
    font-family: 'Jost', sans-serif;
    line-height:1;
    margin-top:5px;
}

.a-talker-head{
    padding-bottom:10px;
    border-bottom:1px solid #3EC39E;
}

.a-talker-text{
    padding-top:10px;
    font-size:16px;
    line-height:2;
}

.a-talker + .a-talker{
    margin-top:50px;
}

@media screen and (max-width:930px){
    .a-talker-name{
        font-size:25px;
    }
}

@media screen and (max-width:550px){
    .a-talker-position,
    .a-talker-year{
        font-size:16px;
        text-align: center;
    }
    
    .a-talker-name{
        font-size:22px;
        margin-top:3px;
        text-align: center;
    }

    .a-talker-text{
        font-size:15px;
        line-height:1.8;
    }
    
    .a-talker + .a-talker{
        margin-top:30px;
    }
    
}

#single-talk h2{
    display:flex;
    align-items: flex-start;
    justify-content: center;
}

#single-talk .a-talk-content{
    display:flex;
    gap:30px;
    align-items: flex-start;
}

#single-talk .a-talk-content.reverse{
    flex-direction: row-reverse;;
}

.a-talk-content-img{
    width:155px;
}
.a-talk-icon{
    width:155px;
    height:155px;
    border-radius:50%;
    overflow: hidden;
}

.a-talk-content-name{
    font-size:24px;    
    font-weight:700;
    font-family: 'Jost', sans-serif;
    text-align: center;
    margin-top:3px;
}

.a-talk-text{
    font-size:16px;
    line-height:2.2;
    background-color:#F4F0F0;
    padding:20px;
    border-radius:15px;
    text-align: justify;
    position:relative;
    width:calc(100% - 155px - 30px);
}

@media screen and (max-width:930px){
    .a-talk-content-img{
        width:130px;
    }
    .a-talk-icon{
        width:130px;
        height:130px;
    }
    
    .a-talk-content-name{
        font-size:23px;
    }
    
    .a-talk-text{
        width:calc(100% - 130px - 30px);
    }
    
}

@media screen and (max-width:550px){

    #single-talk .a-talk-content{
        gap:20px;
    }

    
    .a-talk-content-img{
        width:80px;
    }
    .a-talk-icon{
        width:80px;
        height:80px;
    }
    
    .a-talk-content-name{
        font-size:18px;
    }
    
    .a-talk-text{
        width:calc(100% - 80px - 20px);
        font-size:15px;
        line-height:1.8;
    }
}

.a-talk-content .a-talk-text::after{
    content:"";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 25px solid #F4F0F0;
    border-left:0;
    position:absolute;
    left:-25px;
    top:60px;
}

.a-talk-content.reverse .a-talk-text::after{
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 25px solid #F4F0F0;
    border-right: 0;
    position:absolute;
    left:100%;
    top:60px;
}

@media screen and (max-width:550px){
    .a-talk-content .a-talk-text::after{
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 17px solid #F4F0F0;
        left:-17px;
        top:30px;
    }
    
    .a-talk-content.reverse .a-talk-text::after{
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 17px solid #F4F0F0;
        top:30px;
    }
}

.a-talk-content + .a-talk-content{
    margin-top:50px;
}

.talk-content-wrap{
    margin:70px auto;
}

@media screen and (max-width:550px){
    .a-talk-content + .a-talk-content{
        margin-top:30px;
    }

    .talk-content-wrap{
        margin:50px auto;
    }
}


.talk-content-images.images01,
.talk-content-images.images02{
    display:flex;
    gap:3%;
}

.talk-content-images.images01 .a-image,
.talk-content-images.images02 .a-image{
    width:48.5%;
}

.talk-content-images.images01 .a-image:nth-child(2),
.talk-content-images.images02 .a-image:nth-child(2)
{
    margin-top:50px;
}

@media screen and (max-width:550px){
    .talk-content-images.images01,
    .talk-content-images.images02{
        display:block;
    }
    
    .talk-content-images.images01 .a-image,
    .talk-content-images.images02 .a-image{
        width:80%;
    }
    
    .talk-content-images.images01 .a-image:nth-child(2),
    .talk-content-images.images02 .a-image:nth-child(2)
    {
        margin-top:15px;
        margin-left:auto;
    }
}

.single-talk-big-img{
    background-color:#F4F0F0;
}

#othertalk{
    padding:100px 0;
    background-color:#F4F0F0;
}

.othertalk-content{
    max-width:1080px;
    width:90%;
    margin:0 auto;
}

.othertalk-wrap{
    margin-top:70px;
}

.a-othertalk{
    display:flex;
    gap:0;
    border-radius:80px 0 80px 0;
    overflow: hidden;
    height:300px;
}

.a-othertalk-img img{
    transition:.5s;
    width:100%;
    height:100%;
    object-fit: cover;
}

.a-othertalk:hover .a-othertalk-img img{
    scale:1.1;
}

.a-othertalk-img{
    width:45%;
    overflow: hidden;
}

.a-othertalk-right{
    width:55%;
    background-color:#fff;
    display:flex;
    flex-direction: column;
    justify-content: center;
    padding:0 55px;
}

.a-othertalk-title{
    font-size:23px;
    color:#25C1A1;
    font-weight:500;
    letter-spacing:0.06em;
    line-height:1.5;
    position:relative;
    padding-bottom:20px;
}

.a-othertalk-title::after{
    content:"";
    width:100px;
    height:2px;
    background-color:#25C1A1;
    position:absolute;
    left:0;
    bottom:0;
}

.a-othertalk-info{
    font-size:14px;
    margin-top:20px;
    color:#000;
}

.a-othertalk-info-detail.detail-02{
    padding-left:15px;
    position:relative;
}

.a-othertalk-info-detail.detail-02::after{
    content:"×";
    color:#17E2A4;
    font-size:14px;
    position:absolute;
    left:5px;
    top:50%;
    transform: translateY(-50%);
}

@media screen and (max-width:930px){
    .othertalk-wrap{
        margin-top:50px;
    }
    
    .a-othertalk{
        border-radius:50px 0 50px 0;
        height:fit-content;
    }  
    .a-othertalk-img{
        width:45%;
        overflow: hidden;
    }
    
    .a-othertalk-right{
        width:55%;
        padding:0 30px;
    }
    
    .a-othertalk-title{
        font-size:20px;
        padding-bottom:15px;
    }
    
    .a-othertalk-title::after{
        width:80px;
    }
    
    .a-othertalk-info{
        margin-top:15px;
    }
    
}

@media screen and (max-width:750px){

    .othertalk-wrap{
        margin-top:50px;
    }
    
    .a-othertalk{
        border-radius:50px 0 50px 0;
        display:block;
    }  
    .a-othertalk-img{
        width:100%;
        overflow: hidden;
        position:relative;
        z-index:1;
    }
    
    .a-othertalk-right{
        width:100%;
        padding:50px 30px;
        margin-top:-3px;
        position:relative;
        z-index:2;
    }
}

@media screen and (max-width:550px){

    .a-othertalk-title{
        font-size:16px;
        padding-bottom:10px;
    }
    
    .a-othertalk-title::after{
        width:60px;
    }
    
    .a-othertalk-info{
        margin-top:10px;
    }

    .a-othertalk-right{
        width:100%;
        padding:30px 20px;
    }
}

.a-talk-text .green{
    color:#25C1A1;
    font-weight:500;
}

.single-talk-subhead{
    font-size:18px;
    background-color:#fff;
    color:#25C1A1;
    padding:5px 10px;
    display:block;
    width:fit-content;
    white-space: nowrap;
}

.subtitle-flex{
    display:flex;
    align-items: center;
    gap:10px;
}

@media screen and (max-width:930px){
    .single-talk-subhead{
        font-size:16px;
        padding:4px 7px;
    }
}

@media screen and (max-width:550px){
    .subtitle-flex{
        display:block;
    }

    .single-talk-subhead{
        font-size:15px;
        margin-top:5px;
    }
}