@charset "UTF-8";
/* ジュニアパーソナルレッスン「コーチ紹介」用(fitness/common/css/structure.css の personal--- 系ルールを抜き出したもの) */
.personal---card__spec{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.personal---cnav .cnav__item.current .cnav__bg{filter:alpha(Opacity=100);opacity:1}
@media screen and (min-width:621px){.personal---cnav .cnav__item{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.personal---cnav .cnav__item:hover,.personal---cnav .cnav__item:hover .cnav__bg{filter:alpha(Opacity=100);opacity:1}}
.personal---cnav .cnav__column{-webkit-justify-content:flex-start;justify-content:flex-start;margin-left:-20px;margin-top:-20px}
@media screen and (max-width:620px){.personal---cnav .cnav__column{margin-left:-10px;margin-top:-10px}}
.personal---cnav .cnav__column .cnav__item{margin-left:20px;margin-top:20px;width:calc(25% - 20px);padding-top:30px;padding-bottom:30px}
@media screen and (max-width:620px){.personal---cnav .cnav__column .cnav__item{margin-left:10px;margin-top:10px;width:calc(33.33333% - 10px)}.padding--sp .personal---header{max-width:none;margin-left:-20px;margin-right:-20px}}
.personal---cnav .cnav__item{overflow:hidden;position:relative}
@media print{.personal---cnav .cnav__item{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}.personal---cnav .cnav__item:hover,.personal---cnav .cnav__item:hover .cnav__bg{filter:alpha(Opacity=100);opacity:1}}
.personal---cnav .cnav__layer{position:relative;z-index:100}
.personal---cnav .cnav__bg{-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;filter:alpha(Opacity=0);opacity:0;background:center center no-repeat;background-size:cover;width:100%;height:100%;position:absolute;z-index:99;left:0;top:0}
.personal---header{position:relative}
@media screen and (max-width:620px){.personal---header__bg{overflow:hidden;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-direction:row;flex-direction:row}.personal---header__bg img{height:80px;width:auto;max-width:none}}
.personal---header__entity{color:#fff;width:100%;height:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-align-content:flex-start;align-content:flex-start;-webkit-flex-direction:column;flex-direction:column;padding:30px}
.personal---header__main{font-size:42px;font-size:4.2rem}
@media screen and (max-width:620px){.personal---header__entity{padding:5px 20px}.personal---header__main{font-weight:700;font-size:24px;font-size:2.4rem}}
.personal---header__sub{font-size:24px;font-size:2.4rem;margin-top:10px}
@media screen and (max-width:620px){.personal---header__sub{font-size:16px;font-size:1.6rem;margin-top:3px}}
.personal---heading{font-size:22px;font-size:2.2rem;padding-bottom:10px;border-bottom:3px solid #77c100}
*+.personal---staff{margin-top:60px}
.personal---staff{border-bottom:3px dotted #77c100;padding-bottom:40px}
@media screen and (max-width:620px){*+.personal---staff{margin-top:30px}.personal---staff{padding-bottom:20px}}
.personal---staff+.personal---staff{margin-top:50px}
.personal---card__column{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-direction:row;flex-direction:row}
.personal---card__column>.__image{margin-right:40px}
@media screen and (max-width:620px){.personal---staff+.personal---staff{margin-top:25px}.personal---card__column{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;-webkit-flex-direction:column;flex-direction:column}.personal---card__column>.__image{width:100%;text-align:center;margin-right:0;padding:20px;background-color:#f9f9f9}.personal---card__column>.__image img{width:180px}.personal---card__column>.__entity{margin-top:20px}}
.personal---card__spec,.personal---timetable__title{background-color:#e2eb80}
@media screen and (min-width:621px){.personal---card__column>.__entity{-webkit-flex:1;flex:1}}
@media print{.personal---card__column>.__entity{-webkit-flex:1;flex:1}}
.personal---card__hgroup{display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-align-content:center;align-content:center;-webkit-flex-direction:row;flex-direction:row}
.personal---card__hgroup>*+*{margin-left:50px}
.personal---card__name{font-size:36px;font-size:3.6rem;font-weight:700}
@media screen and (max-width:620px){.personal---card__hgroup{-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-flex-direction:column;flex-direction:column}.personal---card__hgroup>*+*{margin-left:0;margin-top:5px}.personal---card__name{font-size:20px;font-size:2rem}}
.personal---card__kana{font-size:20px;font-size:2rem}
.personal---card__sub-head{margin-top:30px}
.personal---card__spec-list{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-direction:row;flex-direction:row;padding-top:25px;margin-left:-8px;margin-top:-8px}
@media screen and (max-width:620px){.personal---card__kana{font-size:12px;font-size:1.2rem}.personal---card__spec-list{padding-top:10px;margin-left:-1px;margin-top:-1px}}
.personal---card__spec-list>*{width:calc(25% - 8px);margin-left:8px;margin-top:8px}
.personal---card__spec{filter:alpha(Opacity=30);opacity:.3;box-sizing:border-box;padding:20px 5px;letter-spacing:0;text-align:center}
@media screen and (max-width:620px){.personal---card__spec-list>*{width:calc(33.33333% - 1px);margin-left:1px;margin-top:1px}.personal---card__spec{font-size:12px;font-size:1.2rem;padding:20px 5px}}
.personal---card__spec.active{filter:alpha(Opacity=100);opacity:1}
.personal---data{margin-top:35px}
@media screen and (max-width:620px){.personal---data{margin-top:25px}}
@media screen and (min-width:621px){.personal---data__column{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-direction:row;flex-direction:row}.personal---data__column>*{width:calc(50% - 20px);margin-top:10px}}
@media print{.personal---data__column{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;-webkit-flex-direction:row;flex-direction:row}.personal---data__column>*{width:calc(50% - 20px);margin-top:10px}}
.personal---section__body{margin-top:25px}
.personal---section__text{font-size:16px;font-size:1.6rem}
@media screen and (max-width:620px){.personal---data__column>*+*{margin-top:25px}.personal---section__text{font-size:14px;font-size:1.4rem}}
.personal---section__text,.personal---section__text *{line-height:1.65}
.personal---timetable__list{border:1px solid #77c100}
.personal---timetable__list+.personal---timetable__list{margin-top:30px}
.personal---timetable__data,.personal---timetable__title{font-size:16px;font-size:1.6rem;padding:5px 10px;text-align:center}
@media screen and (max-width:620px){.personal---timetable__data,.personal---timetable__title{font-size:14px;font-size:1.4rem}}
.personal---timetable__data+*,.personal---timetable__title+*{border-top:1px solid #77c100}
.personal---timetable__data{background-color:#f8fae4}
.personal---timetable__supplement{font-size:15px;font-size:1.5rem;padding-top:10px}
@media screen and (max-width:620px){.personal---timetable__supplement{font-size:12px;font-size:1.2rem}}