.wapper-summit2024.pickup {
    font-size: 12px;
}
.wapper-summit2024.pickup h1 {
    text-align: center;
    font-size: 22px;
    margin: 3% 0 1%;
    font-weight: bold;
    font-family: 游明朝, serif, sans-serif, "Hiragino Kaku Gothic Pro", 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, Meiryo;
}
.visual p {
    padding: 3% 10%;
    line-height: 1.85;
}
.contents {
    margin-top: 10%;
}
.wapper-summit2024.pickup > .contents {
    margin-bottom: 25%;
}
.background {
    background: #E9E9E9;
    padding: 33% 10% 6%;
}
.profile {
    display: table;
    width: 100%;
    margin-bottom: -32%;
}
.profile-img {
    display: table-cell;
    width: 48%;
    padding-left: 5%;
}
.profile-name {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding-left: 5%;
    text-transform: uppercase;
    padding-top: 12%;
}
.profile-name p:nth-child(-n+2) {
    font-weight: bold;
}
.profile-name p:nth-child(2) {
    font-size: 25px;
    letter-spacing: 0.02em;
}
.profile-name p:nth-child(3) {
    font-size: 12px;
}
ul.question {
    margin-top: 5%;
}
ul.question li p:nth-child(1) {
    font-weight: bold;
}
ul.question li:not(:last-child) {
    margin-bottom: 8%;
}
ul.question p:nth-child(2) {
    margin-top: 2%;
}
.life {
    display: table;
    width: 100%;
    background: #FFF;
    border-radius: 12px;
    margin: 5% 0 0;
}
.life-txt {
    display: table-cell;
    width: 70%;
    vertical-align: middle;
    padding: 3% 5%;
    font-size: 11px;
    text-decoration: underline;
    line-height: 1.85;
    font-weight: bold;
}
.life-img {
    display: table-cell;
}
.life-img img {
    border-radius: 0px 12px 12px 0px;
}
.pickup-item {
    margin-top: 10%;
}
.main {
    text-align: center;
    margin-bottom: 12%;
}
.main img {
    margin-bottom: 2%;
}
.main .pickup-txt {
    padding: 0 14%;
}
p.pickup-txt {
    text-align: left;
    margin-top: 4%;
    line-height: 1.75;
    letter-spacing: 0.05em;
}
.list p.pickup-txt {
    /*height: 35vw;*/
    padding: 0 8%;
}

.list {
    padding: 0 5%;
}
.list > div {
    float: left;
    width: 47%;
    text-align: center;
}
.list > div:nth-child(-n+2) {
    margin-bottom: 10%;
}
.list > div:nth-child(odd) {
    margin-right: 5%;
}

.main img {
    width: 65%;
}
.item-detail {
    text-decoration: underline;
    line-height: 1.85;
    font-weight: bold;
    letter-spacing: 1.2px;
}
.item-detail p {
    letter-spacing: 0;
    font-size: 10px;
}
.wapper-summit2024.pickup summary {
    text-align: right;
}
.wapper-summit2024.pickup summary:after {
    right: 0;
}
details li {
    text-align: left;
    margin-top: 4%;
    line-height: 1.75;
    letter-spacing: 0.05em;
    padding: 0 8%;
}
.smt-top {
    margin-top: 15%;
}


/*テキストの続きを読む*/
.cp_box *,
.cp_box *:before,
.cp_box *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cp_box {
    position: relative;
}

.cp_box label {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 3vh;
    /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    /* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
    background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%);
}

.cp_box input:checked+label {
    background: inherit;
    /* 開いた時にグラデーションを消す */
}

.cp_box label:after {
    line-height: 2.5rem;
    position: absolute;
    z-index: 2;
    top: 46%;
    width: 7rem;
    font-family: FontAwesome;
    content: '▼''続きをよむ';
    transform: translate(-50%, 0);
    letter-spacing: 0.05em;
    color: #ffffff;
    border-radius: 20px;
    background-color: rgba(27, 37, 56, 1);
}

.cp_box input {
    display: none;
}

.cp_box .cp_container {
    overflow: hidden;
    height: 100px;
    /* 開く前に見えている部分の高さ */
    transition: all 0.5s;
}

.cp_box input:checked+label {
    /* display: none ; 閉じるボタンを消す場合解放 */
}

.cp_box input:checked+label:after {
    font-family: FontAwesome;
    content: '▲'' 閉じる';
}

.cp_box input:checked~.cp_container {
    height: auto;
    padding-bottom: 10%;
    /* 閉じるボタンのbottomからの位置 */
    transition: all 0.5s;
}