.about-concept .main-title {
    font-size: min(2em, 5.2vw);
    font-weight: 200;
    line-height: 1.1;
    padding-bottom: .5em;
    margin-bottom: 1em;
}

.about-concept .arrow-btm {
    display: block;
    width: 100%;
    height: 6em;
    position: relative;
}

.about-concept .arrow-btm::after {
    content: '';
    width: 2.5em;
    height: 2.5em;
    position: absolute;
    top:15%;
    left: 50%;
    border-right: 1px solid var(--main_red);
    border-bottom: 1px solid var(--main_red);
    transform: translateX(-50%) rotate(45deg);
}
/* .bestkitchen {
    margin-left: -.25em;
    padding-right: .25em;
} */

@media screen and (max-width:767px) {
    .about-concept .main-title {
        margin-bottom: .25em;
        font-weight: 300;
    }
    .about-concept .main-title .sml5 {
        font-size: .4em !important;
    }
    .about-concept .main-title .iblock {
        transform: translateY(-.75em);
    }
    .about-concept 
}

.about-concept .meta {
    margin: 0 auto;
    padding: 40px 0;
    position: relative;
}

.about-concept .meta .lead {
    font-size: min(1.1em, 3.3vw);
    line-height: 2.2;
    font-weight: 300;
    font-feature-settings: "palt";
    letter-spacing: .05em;
    /* margin-bottom: 3em; */
}


/* .about-concept .meta .lead2{
    font-size:min(.95em, 3.2vw);
    line-height:2;
    font-weight: 300;
    font-feature-settings: "palt";
    letter-spacing: .075em;
    margin-top: 2em;
    margin-bottom: 3em;
}
.about-concept .meta .lead2.last{
}
.about-concept .meta .lead2.line::before{
    content: '';
    display: block;
    width:3rem;
    height:0;
    border-bottom:1px solid var(--main_red);
    margin:0 auto 3em;

} */


/* .about-concept .meta-wrp, */

.about-csr .meta-wrp {
    display: flex;
    align-items: center;
}

.about-concept .meta-wrp .inner,
.about-csr .meta-wrp .inner {
    padding: 0 90px;
}
.ceo-message-text{
    align-items: flex-end;
}
.about-concept .meta-wrp .inner .lead,
.about-csr .meta-wrp .inner .lead {
    font-size: min(.95em, 3.5vw);
    line-height: 2;
    font-weight: 300;
}

@media screen and (max-width:767px) {
    .about-concept .meta-wrp {
        background-color: transparent !important;
    }
    .about-concept .meta-wrp .inner,
    .about-csr .meta-wrp .inner {
        padding: 20px;
    }
}

.about-csr .img-wrp{
    position: relative;
}
.about-csr .img-wrp .thumb{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding:0;
}
@media screen and (max-width:767px) {
    .about-csr .img-wrp{
        height:35vh;
    }
}
.about-csr .img-wrp .thumb img{
    width:100%;
    height:100%;
    object-fit: cover;
}

.about-concept .meta-wrp .title,
.about-csr .meta-wrp .title {
    font-size: min(1.3em, 4.5vw);
    margin-bottom: 1em;
}

.about-vision {
    position: relative;
    width: 100%;
    padding-top: 0 !important;
}


.sustainability-title{
    font-size: min(1.4em, 4.4vw);
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0;
    font-weight: 300;
}
.sustainability-title::after{
    display: block;
    content: '';
    width:3em;
    height:0;
    border-bottom:1px solid var(--main_red);
    margin: 1em 0 1.5em;
}

.message-contents-wrp {}

.message-contents {
    margin-bottom: 3em;
}
@media screen and (max-width:767px){
    .message-contents {
        margin-bottom: 2em;
    }
}
.message-contents:last-child {
    margin-bottom: 0;
}

.message-contents .meta-wrp {
    padding: 0;
}

.message-contents .meta-wrp .inner {
    display: block;
}

.message-contents .title {
    font-size: min(1.4em, 4.4vw);
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0;
    font-weight: 300;
}

.message-contents .meta-wrp .lead {
    font-size: min(.9em, 3.5vw);
    line-height: 2;
    margin-bottom: 1em;
    font-weight: 300;
}

.playbtn {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.playbtn::before {
    content: '';
    display: block;
    width: 5em;
    height: 5em;
    background-color: rgba(255, 255, 255, .85);
    border-radius: 100%;
    position: absolute;
    top: calc(50% - 2.5em);
    left: calc(50% - 2.5em);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    z-index: 2;
}

.playbtn::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-left: 24px solid var(--main_red);
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 8px);
    z-index: 3;
}

.brand-movie .figcap {
    font-size: .8em;
}


/* sustainability banner */
.banner-report-textbox {
    position: relative;
}
.banner-report .banner-title{
    font-size:min(1.2em, 3.5vw);
    padding:.5em 0;
}
@media screen and (max-width:767px){
    .banner-report .banner-title{
        text-align: center;
        padding:1em 0;
    }
    .banner-report .thumb{
        padding-bottom:45% !important;
    }
    
}
.sdgs-wrp {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

.sdgs-wrp .sdgs figure {
    margin-right: .5em;
    margin-top: .25em;
    margin-bottom: .75em;
    width: 60px;
}

.sdgs-wrp .sdgs figure img {
    width: 100%;
    height: auto;
}

.sdgs-wrp .sdgs-title {
    font-size: min(.9em, 3.2vw);
    margin-bottom: .5em;
}

.sdgs-wrp .sdgs-list {
    margin-left: 1.5em;
    margin-bottom: 1em;
}

.sdgs-wrp .sdgs-list li {
    font-size: min(.8em, 3.3vw);
    line-height: 1.6;
    padding-top: .5em;
}
@media screen and (max-width:767px) {
    .about-contents .meta-wrp {
        margin-bottom: 0;
        padding: .5em 1em;
    }
}
.about-contents .meta-wrp .title {
    font-size: min(.9em, 3vw);
    font-weight: 500;
}

.about-contents .meta-wrp .lead {
    font-size: min(.8em, 2.7vw);
    font-weight: 300;
}

.about-contents .dash-title {
    font-size: min(1.1em, 4vw);
}