@charset "utf-8";
/* CSS Document */
body { overflow: hidden;}


.about_h1 {
        font-family: 'Noto Serif JP', serif;
        line-height: 2;
        margin-bottom: 1em;
        font-size: 120%;
        text-align: justify;
}

.key_wrapper {}
.bodywork_top {
    margin: auto;
    overflow-x: hidden;
    position: relative;
    margin: 0 calc(50% - 50vw);
}
.bodywork_top img {
    object-fit: cover;
    object-position: bottom center;
    max-height: 400px;
    }
 .credit {font-size: 60%;position: absolute;right: 2%;bottom: 4%;color: #fff;width: auto!important;}
.coaching_text span { display: block; font-size: 80%;}


.campaignbox {
    border: 1px solid #333;
    padding: 1em;
}
.campaignbox dt {}
.campaignbox dd {
    padding-left: 1em;
    text-indent:-1em;
    font-size: 80%;
}

.ena_result li {
    padding-left: 1em;
    text-indent:-1em;
}
.campaign_a {}
.reserve span{ font-weight: bold; display: block;}
.todo dd {
    font-size: 80%;
}
@media screen and (max-width: 1023px) {
    .about_wrapper { width: 90%; margin: auto;}
    .campaignbox  { margin: 1em 0;}
    .imgbox li:first-child {
    width: 80%;
        margin: 0 auto 1em;
    }
    .todo dl { margin-bottom: 1em;}
}
@media screen and (min-width: 1024px) {
    .bodywork_top img {object-position: center 60%;}
    .coaching_box,.imgbox,.todo ul {
        display: flex;
        flex-wrap: wrap;
        gap:2%;
    }
    .coaching_box li {
    width: 30%;
}
    .coaching_box li:first-child {
    width: 68%;
}
    .ena {margin-top: 20px;overflow: hidden;}
     .imgbox li {
    width: 68%;
}
    .imgbox li:first-child {
    width: 30%;
}
    
    .todo ul li  { width: 32%;}
    
}

.txt-show {/* position: relative; */margin-top: 1.8em;margin-bottom: 0.5em;font-family: 'Noto Serif JP', serif;font-weight: bold;font-size: 120%;}
.txt-show::before {
    content: "｜";
}

.txt-hide{display: none;font-size: 110%; }
.txt-hide2{display: none;font-size: 110%; }

button.moredetails {display: block;color: #fff;background: #cb8f8f;padding: 5px 12px;border: none;outline: 0;transition: .5s;font-weight: normal;margin: 0.5em 0 1em;font-size: 80%;-erbkit-transition: .5s;}
 button.moredetails2 {display: block;color: #fff;background: #cb8f8f;padding: 5px 12px;border: none;outline: 0;transition: .5s;font-weight: normal;margin: 0.5em 0 1em;font-size: 80%;-erbkit-transition: .5s;}
button.moredetails::after {
content: "+ Read more";
transition: .2s;
-erbkit-transition: .2s;
}

button.moredetails.on-click::after{
content: "- Close";
}

button.moredetails2::after {
content: "+ More details";
transition: .2s;
-erbkit-transition: .2s;
}

button.moredetails2.on-click::after{
content: "- Close";
}

.online {
    border: 1px solid #F00;
    color: #F00;
    padding: 0.2em 0.4em;
    margin-bottom: 1em;
    display: inline-block;
}

.cardlink { margin-top: 4em;}