.content {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 15px 100px 15px;
}


.catch-copy {
    background: linear-gradient(to left,#d36bca,#e45276);
    padding: 0 80px 80px 80px;
}
.catch-copy_wrap {
	border-radius: 20px;
    background-color: #fff;
    color: #f730be;
    margin: 0 auto;
    padding: 50px;
    max-width: 900px;

    font-size: 35px;
	line-height: 160%;
    font-family: "NotoSans-JP_extrabold";
}
.catch-copy_wrap p {
    background: linear-gradient(to left,#d36bca,#e45276);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}




.contents-title:nth-child(1) {
    padding-top: 0px;
}


.detail {
	margin-bottom: 50px;
}
.detail p.comment {
	font-family: "roboto_bold";
    font-size: 20px;
    margin-top: 10px;

    background: linear-gradient(to bottom,#5e5e5e,#c5c5c5);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}



.list {
	margin-bottom: 13px;
}

.detail_list .step {
    display: flex;
    font-size: 22px;
    padding: 7px 5px;
}
.detail_list .title {
    width: 200px;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.detail_list hr {
	border: 0;
    border-top: 1px solid #a6a6a6;
}






.history_list {
    margin: 0 15px;
    padding: 0 10px;
    border-left: 3px solid #ababab;
    border-image: linear-gradient(to bottom,#fff 1rem,#ababab 1rem, #ababab 93%, #ffffff 100%);
    border-image-slice: 1;
}
.history_list .step {
    display: flex;
    flex-direction: column;
    font-size: 22px;
    padding: 0 9px 24px;
    font-family: hiragino-kaku-gothic-pron, sans-serif;
    font-weight: 600;
    font-style: normal;
}
.history_list .day {
    position: relative;
    font-size: 15px;
    color: #3c3c3c;
}
.history_list .day span {
    padding-left: 5px;
    font-size: 20px;
}
.history_list p.day::before {
    content: '●';
    position: absolute;
    left: -1.52em;
    top: 0px;
    font-size: 20px;
    color: rgb(255, 96, 144);
}
.history_list .cont {
    font-size: 20px;
}




@media screen and (max-width: 842px){
    .content {
        padding-top: 15px;
    }
    .detail_list .step {
        font-size: 15px;
        padding: 5px;
    }
    .detail_list .title {
        width: 110px;
    }



    .history_list {
        margin: 0 5px;
        padding: 0 10px;
        border-left: 3px solid #ababab;
    }
    .history_list .day {
        position: relative;
        font-size: 12px;
        color: #3c3c3c;
    }
    .history_list .day span {
        padding-left: 5px;
        font-size: 15px;
    }
    .history_list p.day::before {
        top: -2px;
        left: -1.87em;
        font-size: 15px;
    }
    .history_list .cont {
        font-size: 15px;
    }
}







@media screen and (max-width: 842px){
    .catch-copy {
        padding: 20px 20px 20px 20px;
    }
    .catch-copy_wrap {
        padding: 15px;
    
        font-size: 20px;
    }
}