.trainee_mv .mv-text-re {        
    top: 24%;
}
.w50 {
    width: 48.5%;
}
.w100{
    width: 100%;
}
body.page-id-7511{
    margin: 0 !important;
}
.mv.model_mv::after {
    background: url(https://sky-pj.jp/wp-content/themes/sky-wave/img/sub/mv_model12.jpg) no-repeat center / cover;
}
.mv.model_mv::before {
    background: url(https://sky-pj.jp/wp-content/themes/sky-wave/img/sub/mv_model13.jpg) no-repeat center / cover;
}
h2.position-relative.mv_ttl.f-40.ma_bo05 {
    zoom: 0.9;
}
p.baggage_button a {
    display: block;
    margin: 20px auto 50px;
    text-align: center;
    max-width: 360px;
    padding: 8px 3px;
    background: #21acdf;
    color: white;
    border-radius: 100px;
    font-size: 1em;
    border: 1px solid #21acdf;
}
p.baggage_button a:hover {
    background: white;
    color: #21acdf;
}
.baggage_flex p.baggage_button {
    width: 32%;
}

.baggage_flex {
    justify-content: space-between;
    /*max-width: 600px;*/
    margin: auto;
    flex-wrap: wrap;
}
.mv-div-re.trainee_mv p.re-1-p {
    font-size: 20px;
    background: rgba(255, 255, 255, 0.7);
    width: fit-content;
}
.mv-div-re.trainee_mv h2.re-2-p {
    background: rgb(173 134 53 / 70%);
    font-size: 20px;
}
.mv-div-re.trainee_mv h2.re-2-p span{
    font-size: 28px;
    display: inline-block;
    margin: 0 4px;
}
.mv-div-re.trainee_mv p.re-1-p span {
    color: #00A6A6;
    font-size: 24px;
    display: inline-block;
    margin: 0 4px;
}
.mv-div-re.trainee_mv h2.re-2-p span{
    position: relative;
    display: inline-block;
    z-index: 0;
}
.highcolor{
    position: relative;
    display: block;
    width: fit-content;
}
.mv-div-re.trainee_mv h2.re-2-p span::before,.highcolor::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 7%;
    width: 100%;
    height: 28%;
    background-color:rgba(255, 214, 102, 0.6);
    z-index: 1;
}

section.tr-nayami {
    background: url('https://sky-pj.jp/wp-content/themes/sky-wave/img/lp/nayami-bg.png');
}
.tr-nayami1 img {
    max-width: 880px;
    display: block;
    margin: auto;
    width: 100%;
}
.trsection1::before{
    display: none;
}
.trsection1 .container>p span {
    font-size: 18px;
    display: block;
    line-height: 0px;
}
.trsection1 .container>p {
    position: relative;
    display: inline-block;
    padding: 0 45px;
    font-size: 28px;
}
.trsection1 .container>p:before, .trsection1 .container>p:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 44px;
    height: 2px;
    background-color: white;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.trsection1 .container>p:before {
    left:0;
}
.trsection1 .container>p:after {
    right: 0;
}
.trsection1 .container h3 {
    font-size: 18px;
    margin: 10px auto 40px;
}
.trsection1 .container h3 span {
    font-size: 22px;
    display: inline-block;
    margin: 0 2px;
    color: #f0f28c;
}
.tr-sales h4 {
    width: fit-content;
    margin: auto;
    background: white;
    color: #05a5a6;
    font-size: 24px;
    padding: 4px 40px;
}
.tr-sales>p span.span1 {
    display: inline-block;
    font-size: 12px;
    padding: 8px;
    background: white;
    color: #05a5a6;
    margin-right: 16px;
}
.tr-sales>p span.span2 {
    color: #f0f28c;
    display: inline-block;
    margin: 0 4px;
}

.tr-sales>p {
    display: flex;
    align-items: center;
    text-align: left;
    font-size: 19px;
    margin-bottom: 10px;
    max-width: 845px;
    margin: 14px auto 0;
}
.trsection1::after{
    border-color: #05a5a6 transparent transparent transparent;
}
.trsection2 p {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    line-height: 2em;
    text-align: center;
}
.trsection2 div img{
    max-width: 270px;
    display: block;
    margin: auto;
}
.trsection2 p span {
    display: inline-block;
    color: #05a5a6;
    /* background: #05a5a6; */
    /* padding: 2px 8px; */
    margin: 0px 4px;
    font-size: 20px;
}
.illust_img {
    max-width: 600px;
    display: block;
    margin: auto;
}
.trsection3 h3{
    margin-right: auto;
    margin-left: auto;
}
.works-detail {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: end;
}
.works-text {
    width: 82%;
}
.works-img {
    width: 12%;
}
.works-text h4 {
    font-size: 18px;
    font-weight: bold;
    color: #05a5a6;
    border:2px solid #05a5a6;
    padding: 4px 16px;
    text-align: center;
    margin-bottom: 12px;
}
.works-text h4 span {
    color: #b4b700;
    font-size: 24px;
    display: inline-block;
    margin: 0 4px;
}
.works-img img {
    max-height: 163px;
}

.works-img {
    width: 15%;
}
section#faq {
    background: #05a5a6;
}
section#faq h3 span {
    display: block;
    font-size: 18px;
    line-height: 0.2em;
}
.faq {
    background: white;
    margin-bottom: 20px;
}
.faq-q {
    padding: 8px 16px;
    font-weight: bold;
    color: #05a5a6;
}
.faq-a {

    background: #05a5a6;
    border: 5px solid white;
    color: white;
    /*display: none;*/
}
.faq-a {
  overflow: hidden;
  height: 0;
  transition: height 0.4s ease;
}

.faq-q p {
    display: flex;
    align-items: center;
}
.faq-a p {
    display: flex;
    align-items: center;
    padding: 8px 16px 2px;

}
.faq-q span.span_q {
    font-size: 28px;
    display: block;
    width: 40px;
}
.faq-a span.span_a {
    font-size: 28px;
    display: block;
    width: 40px;
}
.faq-q span.span_q2,.faq-a span.span_a2{
    display: block;
    width: calc(100% - 50px);
    font-size: 17px;
}
span.span_q2 {
    padding-top: 10px;
}
.trsection5 p.baggage_button a,.trsection5 .cmn_btn a {
    background: #05a5a6;
    color: white;
    border: 2px solid #05a5a6;
}
.trsection5 p.baggage_button a:hover,.trsection5 .cmn_btn a:hover {
    background: white;
    color: #05a5a6;
    border: 2px solid #05a5a6;
}
.trsection5 h3 {
    margin: 0 auto 16px !important;
}
.works-img-box .works-img-b {
    width: 32%;
    margin: 0 auto 20px;
}
.works-img-box .works-img-b img{
    width: 100%;
    height: auto;
    max-width: 300px;
    display: block;
    margin: auto;

}
.works-img-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto 20px;
}

h4.faq-h4 {
    color: white;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
}
.works-text p span {
    font-size: 1.15em;
    font-weight: bold;
}
p.worksp-alart {
    text-align: center;
    margin-bottom: 10px;
    color: #444;
    font-weight: bold;
    font-size: 0.95em;
}


@media screen and (min-width: 1174px) { 
    br.tablet{
        display: none;
    }
    .pc-span{
        display: inline-block;
    }

}
@media screen and (max-width: 1173px) { 
    br.tablet{
        display: block;
    }
    .trainee_mv.mv-div-re img {
        padding-top: 200px;
    }
    .pc-span{
        display: none;
    }
}
@media screen and (max-width: 600px) { 
    br.tablet{
        display: none;
    }
}
@media screen and (max-width: 850px) { 
    .trainee_mv .mv-text-re {
        top: 16%;
    }
    .tr-sales>p {
        display: block;
        text-align: center;
        margin-top: 32px;
    }
    .tr-sales>p span.span1 {
        display: block;
        width: fit-content;
        margin: auto;
    }
    .tr-sales h4 {
        font-size: 22px;
    }
}
@media screen and (max-width: 768px) { 
    .mv-div-re.trainee_mv p.re-1-p {
        font-size: 16px;
    }
    .mv-div-re.trainee_mv h2.re-2-p {
        font-size: 18px;
    }
    .mv-div-re.trainee_mv h2.re-2-p span {
        font-size: 24px;
    }
    .mv-div-re.trainee_mv h2.re-2-p span::before, .highcolor::before {
        height: 19%;
    }
}
@media screen and (max-width: 650px) { 
    .mv-div-re.trainee_mv p.re-1-p span {
        font-size: 22px;
    }
    .trsection1 .container>p {
        font-size: 23px;
    }
    .trsection1 .container>p span {
        font-size: 17px;
        line-height: 0.5em;
    }
    section#works .trade_flex p {
        margin-bottom: 6px !important;
    }
    
    section#reason>div {
        padding-top: 40px !important;
    }
    .trsection2 p span {
        font-size: 18px;
    }

    .trsection2 p {
        font-size: 16px;
    }
    .works-text h4 {
        font-size: 17px;
    }
    .works-text h4 span {
        font-size: 21px;
    }
    .faq-q,.faq-a {
        font-size: 17px;
    }
    .faq-q span,.faq-a span {
        font-size: 24px;
    }
    .trainee_mv.mv-div-re img {
        padding-top: 516px;
    }
    .mv-div-re.trainee_mv h2.re-2-p {
        font-size: 17px;
    }
    .mv-div-re.trainee_mv h2.re-2-p span {
        font-size: 22px;
    }
    .mv-div-re.trainee_mv p.re-1-p span {
        font-size: 18px;
    }
}
@media screen and (max-width: 600px) { 
    .baggage_flex p.baggage_button {
        width: 100%;
        margin-bottom: 10px;
    }
    p.baggage_button a{
        margin-bottom: 0;
    }
    .baggage_flex {
        margin-bottom: 40px;
    }
    .tr-nayami .container {
        padding: 0;
    }
    .w50 {
        width: 100%;
    }
    .mv-div-re.trainee_mv p.re-1-p span {
        font-size: 20px;
    }
    .trsection2 p {
        text-align: left;
    }
    .trsection2 p span {
        font-size: 18px;
        display: initial;
    }
    .works-img-box .works-img-b {
        width: 48%;
        margin-bottom: 10px;
    }
    /*p.worksp-alart {
        text-align: left;
    }*/
}

.lp-header-p {
    text-align: center;
    color: #0091cb;
    font-size: 18px;
    font-weight: bold;
    line-height: 1em;
}
.lp-header-p a {
    display: block;
    background: #05a5a6;
    padding: 12px;
    color: white;
    font-size: 16px;
}


.page-id-7555 .social_sec.ma_to50,
.page-id-7553 .social_sec.ma_to50  {
    display: none;
}
/*

.page-id-7555 div#ctaBtn,
.page-id-7553 div#ctaBtn {
    display: none !important;
}
*/
.page-id-7555 .cmn_contact a+a,
.page-id-7553 .cmn_contact a+a {
    pointer-events: none;
}

.page-id-7555 .cmn_contact a:last-of-type::after,
.page-id-7553 .cmn_contact a:last-of-type::after{
    display: none !important;
}

.footer-ctn-lp .fa-phone:before{
    display: none !important;
}
.fa-phone:before{
    display: none !important;
}
.footer-ctn-lp .fa-phone {
    transform: initial !important;
}

@media screen and (min-width: 769px) { 
    .page-id-7555 div#ctaBtn,
    .page-id-7553 div#ctaBtn {
        display: none !important;
    }
}
.page-id-7555 
.page-id-7553