@charset "utf-8";
/* CSS Document */
#contents-staff {width: 100%;background:var(--white);padding: 60px 20px;}@media(width <= 990px){#contents-staff{padding:3vw 15px 0;}}
#contents-staff .staff-title-bg {width: 100%;margin-top: 40px;background: url("../images/staff-title-bg.svg") no-repeat;background-position: top left;background-size: 40%;}@media(width <= 990px){#contents-staff .staff-title-bg{margin-top:0;padding-top:5vw;background-size:100%;}}@media(width <= 767px){#contents-staff .staff-title-bg{padding-top: 3vw;}}
@media(width >= 991px){#contents-staff .staff-title {margin-right: calc(50vw + 160px);margin-left: auto;padding: 80px 50px;max-width: calc((1200px / 2) - 160px);}}@media(width <= 990px){#contents-staff .staff-title {padding: 80px 15px 0;}}
#contents-staff .staff-title-top {margin-top: 70px;padding-bottom: 10px;font-size: 60px;color: #555;font-weight: 300;position: relative;line-height: 60px;}@media(width <= 990px){#contents-staff .staff-title-top{font-size: 40px;line-height: 60px;}}
#contents-staff .staff-title-top span {color: #599602;}
#contents-staff .staff-title-top:after {content: "";background: #599602;width: 72%;height: 2px;position: absolute;bottom: 0;left: 0;}
#contents-staff .staff-title h2 {margin-top: 10px;font-size: 20px;}@media(width <= 990px){#contents-staff .staff-title h2{margin-top:0;}}
@media(width >= 991px){#contents-staff .staff-title-img {max-width: calc(800px + 160px);height: 320px;position: absolute;top: 80px;left: calc(50vw - 160px);right: 0;}}@media(width <= 990px){#contents-staff .staff-title-img {margin-top: 20px;height: 40vw;}}
#contents-staff .staff-title-img img {object-fit: cover;width: 100%;height: 100%;border-style: none;vertical-align: top;}
/**===トレイナー紹介===**/
#contents-staff .contents-trainer {width: 100%;}@media(width <= 990px){#contents-staff .contents-trainer {padding: 40px 0;}}@media(width <= 767px){#contents-staff .contents-trainer {padding: 10px 0;}}
#contents-staff .trainer-left01,#contents-staff .trainer-right01 {position: relative;width: 80%;margin: 3vw auto;}@media(1200px <= width <= 1430px){#contents-staff .trainer-left01,#contents-staff .trainer-right01 {width: 90%;margin: 5vw auto;}}@media(991px <= width <= 1199px){#contents-staff .trainer-left01,#contents-staff .trainer-right01 {width: 96%;margin: 8vw auto;}}@media(width <= 990px){#contents-staff .trainer-left01,#contents-staff .trainer-right01 {width: 100%;margin: 0;}}
/**トレーナーの画像部分**/
.trainer-left-img01,.trainer-right-img02,.trainer-left-img03,.trainer-right-img04,.trainer-left-img04,.trainer-left-img05,.trainer-right-img05,.trainer-right-img06,.trainer-left-img06,.trainer-left-img101,.trainer-right-img101,.trainer-left-img102,.trainer-right-img102,.trainer-left-img103,.trainer-right-img103,.trainer-left-img104,.trainer-right-img104 {margin-bottom: 0px;width: 50%;border-radius: 8px 8px 8px 8px;height: 600px;position: relative;background-repeat: no-repeat;background-size: cover;background-position: center top;}
@media(991px <= width <= 1430px){.trainer-left-img01,.trainer-right-img02,.trainer-left-img03,.trainer-right-img04,.trainer-left-img04,.trainer-lrft-img04,.trainer-left-img05,.trainer-right-img05,.trainer-right-img06,.trainer-left-img06,.trainer-left-img101,.trainer-right-img101,.trainer-left-img102,.trainer-right-img102,.trainer-left-img103,.trainer-right-img103,.trainer-left-img104,.trainer-right-img104 {width: 60%;}}
@media(width <= 990px){.trainer-left-img01,.trainer-right-img02,.trainer-left-img03,.trainer-right-img04,.trainer-left-img04,.trainer-left-img05,.trainer-right-img05,.trainer-right-img06,.trainer-left-img06,.trainer-left-img06,.trainer-left-img101,.trainer-right-img101,.trainer-left-img102,.trainer-right-img102,.trainer-left-img103,.trainer-right-img103,.trainer-left-img104,.trainer-right-img104 {margin: 0;width: 100%;height: 460px;border-radius: 0px;}}
/**right画像だけにこのスタイル適用させる**/
@media(width >= 991px){.trainer-right-img02,.trainer-right-img04,.trainer-right-img05,.trainer-right-img06,.trainer-right-img101,.trainer-right-img102,.trainer-right-img103,.trainer-right-img104 {margin-left: calc(50%);}}
/**各トレーナーの背景画像**/
/**女性陣は表示順変わらないので１パターンのみ**/
.trainer-left-img01 {background-image: url("../images/apTrainer-img01.webp");}
.trainer-right-img02 {background-image: url("../images/apTrainer-img02.webp");}
.trainer-left-img03 {background-image: url("../images/apTrainer-img06.webp");}
.trainer-right-img04 {background-image: url("../images/apTrainer-img08.webp");}
.trainer-left-img04 {background-image: url("../images/apTrainer-img08.webp");}
.trainer-left-img05 {background-image: url("../images/apTrainer-img05.webp");}
.trainer-right-img05 {background-image: url("../images/apTrainer-img05.webp");}
.trainer-left-img06 {background-image: url("../images/apTrainer-img09.webp");}
.trainer-right-img06 {background-image: url("../images/apTrainer-img09.webp");}
/**男性陣は表示順変わるので２パターン**/
.trainer-left-img101 {background-image: url("../images/apTrainer-img03.webp");}
.trainer-right-img101 {background-image: url("../images/apTrainer-img03.webp");}
.trainer-left-img102 {background-image: url("../images/apTrainer-img04.webp");}
.trainer-right-img102 {background-image: url("../images/apTrainer-img04.webp");}
.trainer-left-img103 {background-image: url("../images/apTrainer-img07.webp");}
.trainer-right-img103 {background-image: url("../images/apTrainer-img07.webp");}
.trainer-left-img104 {background-image: url("../images/apTrainer-img10.webp");}
.trainer-right-img104 {background-image: url("../images/apTrainer-img10.webp");}


/**トレーナー画像の上のアルファベット**/
.trainer-left-imgTitle {position: absolute;top: 0px;left: 8px;transform: rotate(-90deg) translateX(-100%);transform-origin: left top;}
.trainer-right-imgTitle {position: absolute;top: 0px;right: 10px;transform: rotate(90deg) translateX(100%);transform-origin: right top;}
.imgleft-title,.imgRight-title {color: rgb(89, 150, 2);font-size: 24px;font-weight: 800;}
.imgleft-line,.imgRight-line {width: 320px;height: 1px;border-top: 3px solid rgb(89, 150, 2);}@media(width <= 990px){.imgleft-line,.imgRight-line {width: 260px;}}
.imgRight-title {text-align: end;}
/**トレーナー情報部分**/
@media(width >= 991px){.trainer-left-title,.trainer-right-title {top: 32px;bottom: initial;width: 40vw;position: absolute;}}@media(width <= 990px){.trainer-left-title,.trainer-right-title {width: calc(100% - 40px);margin: 10px auto;}}
@media(width >= 991px){.trainer-left-title {left: calc(50% - 2vw);right: initial;}}@media(991px <= width <= 1430px){.trainer-left-title {left: calc(50% + 7vw);width: 44%;}}
.trainer-right-title {right: calc(50% - 2vw);left: initial;z-index: 2;}@media(991px <= width <= 1430px){.trainer-right-title {right: calc(50% - 1vw);}}
.trainer-name-left,.trainer-name-right {position: relative;padding: 20px 20px 20px 3vw;width: 100%;background-color: rgba(241, 245, 226, 0.7);border-radius: 8px;}@media(width <= 990px){.trainer-name-left,.trainer-name-right {padding: 16px;background-color: rgba(241, 245, 226, 0.9);}}
/**トレーナーの名前部分**/
.trainer-name-title {display: flex;-webkit-box-align: center;align-items: center;}@media(width <= 990px){.trainer-name-title {margin-bottom: 8px;}}
.trainer-name-title h2{font-size: 24px;margin-left: 8px;color: rgb(17, 17, 17);font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;font-weight: 800;line-height: normal;}@media(width <= 990px){.trainer-name-title h2{font-size:18px;}}
.trainer-name-under h4{color: rgb(244, 63, 63);font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, "Yu Gothic", Meiryo, sans-serif;font-size: 23px;font-weight:600;}
.trainer-name-under p{font-size:16px;font-weight:600;}
.trainer-name-svg{width:24px; height:58px;}@media(width <= 990px){.trainer-name-svg{width:13px;height: 32px;}}
.trainer-profile {display:flex;flex-wrap:wrap;}
.profile-left{width:130px;}@media(width <= 990px){.profile-left{width:100%;padding-top:10px;}}
.profile-right {width: calc(100% - 130px);}@media(width <= 990px){.profile-right {width:100%;padding-left:20px;}}
.profile-left-kyoukai{width:100%;padding-left: 20px;}.profile-right-shikaku{width:100%;padding-left: 40px;}

/**下のトレイナーコメント部分**/
.trainer-coment{width:70vw;margin:3vw auto 0;}@media(width <= 1430px){.trainer-coment{width: 80%;}}@media(width <= 990px){.trainer-coment{margin: 0 auto;padding-bottom: 10vw;}}
.trainer-coment p{padding-left:10px;}
.trainer-coment h5{font-weight:600;padding:5px 0 5px 5px;border-left:3px solid #599602;border-bottom:1px solid #599602;margin: 10px 0 5px;}
/**吉川トレーナー用コメントが資格説明と重なる為**/
@media(width >= 991px){.trainer01{margin-top:29vw;}}@media(width >= 1200px){.trainer01{margin-top:24vw;}}@media(width >= 1430px){.trainer01{margin-top:18vw;}}@media(width >= 1600px){.trainer01{margin-top:16vw;}}
/**柳樂トレーナー用コメントが資格説明と重なる為**/
@media(width >= 991px){.trainer104{margin-top:20vw;}}@media(width >= 1200px){.trainer104{margin-top:17vw;}}@media(width >= 1430px){.trainer104{margin-top:14vw;}}@media(width >= 1600px){.trainer104{margin-top:12vw;}}