@charset  "utf-8";


/* - .professionals general
 ------------------------------------------------------------ */


.professionals.gs-camp {
    font-size: .985em;
}

.professionals [class*=grid-] .inner {
    width: 100%;
}

.professionals [class*=grid-][class*=-equalHeight]>[class*=col].for-pc {
    display: none;
}

/* - .professionals testi
 ------------------------------------------------------------ */
.professionals h1,
.professionals h2,
.professionals h3,
.professionals h4 {
    font-size: initial;
    margin: 1.414em 0 .5em;
    line-height: 1.2;    /* padding: 0 1em; */
}

/* - header
 ------------------------------------------------------------ */
.professionals header {
    background-image: url(../images/bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    height: 90vh;
    max-height: 800px;
}
.professionals header .inner {
    max-width: 510px;
    padding: 1em;
}

.inner {}
.professionals header .title {
    background-color: rgba(0, 0, 0, 0.68);
    /* position: relative; */
}
.professionals header .geta {
    margin: 0 auto;
    display: block;
    width: 14em;
}
.professionals header p {
    font-size: 1.3em;
    letter-spacing: 2px;
    line-height: 2;
    color: #fff;
    padding: .5em 1em;
}

/* - .intro
 ------------------------------------------------------------ */
.professionals .intro {
    width: 100%;
}
.professionals .title h3 {
    font-size: 2em;
    line-height: 1.5;
    background-color: #c5c980;
    margin: 0;
}
.professionals .testi p {
    margin: .5em 0;
}
.professionals .intro .inner {
    padding: 1em;
}

.professionals .gs-lesson-ver2 h2 {
    text-align: left;
    font-size: 1.8em;
}
.og-link .inner {
    background-color: #f7f7f1;
    padding: 0 2em 1em 1em;
    margin: 1em 0 0 0;
}
.professionals .og-link h2 {
    font-size: 1.8em;
    margin: 0;
    padding: 1em 0 0;
}
.video-lesson.for-pc {
    padding: .3em;
    border: 1px solid #ccc;
}
.video-lesson #intro_video {display: block;position: relative;}
.video-lesson #intro_video:before {
    content: '';
    background-color: rgba(0, 0, 0, 0.45);
    width: 100%;
    height: 100%;
    position: absolute;
}
.video-lesson #intro_video:after {
    content: url(../images/en/video.png);
    display: block;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 54%;
    left: 0;
    right: 0;
    width: 265px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.video-lesson:lang(ja) #intro_video:after {
    content: url(../images/ja/video.png);
}
.video-lesson #intro_video img {margin: 0 auto;display: block;}
.og-link .og {
    background-color: #fff;
    margin: 1em 0;
    border: 1px dotted #dedede;
    padding: .3em;
}
.og-link .og img {
    padding: 0 0 .3em;
}
/* - ## x >= 540px
 ------------------------------------------------------------ */
@media screen and (min-width:540px) {
}

/* - ## x >= 569px
 ------------------------------------------------------------ */
@media screen and (min-width:569px) {
    .professionals [class*=grid-][class*=-equalHeight]>[class*=col].for-pc {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
    }
    .professionals [class*=grid-][class*=-equalHeight]>[class*=col].for-mobile {
        display: none;
    }

}

/* - ## x >= 769px
 ------------------------------------------------------------ */
@media screen and (min-width:769px) {
    .professionals.gs-camp {
        font-size: 1.05em;
    }
    .professionals header .geta {
        position: relative;
        /* bottom: 0; */
        left: -15em;
        width: 220px;
    }
    .professionals .intro {
        background: #c5c980;
        background: -moz-linear-gradient(left,  #c5c980 0%, #c5c980 50%, #ffffff 50%, #ffffff 100%);
        background: -webkit-linear-gradient(left,  #c5c980 0%,#c5c980 50%,#ffffff 50%,#ffffff 100%);
        background: linear-gradient(to right,  #c5c980 0%,#c5c980 50%,#ffffff 50%,#ffffff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5c980', endColorstr='#ffffff',GradientType=1 );
    }

}

/* - ## x >= 1025px
 ------------------------------------------------------------ */
@media screen and (min-width:1025px) {
}

/* - ## x >= 1281px
 ------------------------------------------------------------ */
@media screen and (min-width:1281px) {
}