/********************************

	共通パーツ

********************************/
.dia-box {
    padding: 0;
    background-image: url(back.jpg);
    background-repeat:  no-repeat;
    background-size: cover ;
    background-position: right top  ;
}

.dia-box li {
    list-style: none;
    margin: 0 0.5em;
    background-repeat: no-repeat;
    padding: 2em 0 15em 0;
}

@media(min-width:700px) {

    .dia-box li {
        padding: 2em 0 2em 25em;
        background-position: left center;
        background-size: 400px;
    }
}

@media(min-width:1000px) {
    .dia-box li {
        padding: 2em 0 2em 43em;
        background-size: 615px;
        margin: 0 auto;
        width: fit-content;
    }
}

h2 {
    font-size: 2em;
}

h2  span{
    display: inline-block;
}

/********** ○○編 **********/ 

.title {
    background-color:  var(--main100);
    color: var(--humberger);
    font-size: 20px;
    padding:  13px 60px;
    width:fit-content
}

/********** ○○さん × ○○さん**********/ 
.name {
    font-weight: bold;
    font-size: 20px;
}

/********** この対談を見る**********/ 
.dia-box li a {
    display: block;
    text-decoration: none;
    width:fit-content;
    color: black;
    border: 3px solid black;
    border-radius: 60px ;
    padding: 23px 70px ;
    font-weight: bold;
    font-size: 20px;
    margin: 2em 0;
}

@media(min-width:1000px) {
    .dia-box li a {
        padding: 23px 110px ;
        margin:  0 auto;
    }
}


/********************************

	人財育成編

********************************/
.ikusei {
    background-image: url(ikusei.png);
    background-image: url(ikusei.webp);
    background-size: 460px;
    background-position: 60% bottom ;
}


/********************************

	若手経営者編

********************************/
.keisyou {
    background-image: url(keisyou.png);
    background-image: url(keisyou.webp);
    background-size: 395px;
    background-position: 50% bottom ;
}

.dia-box .kaityou {
    background-image: url(none.png);
    background-size: contain;
    padding: 2em 0 7em 0;
    background-position: bottom center ;
}