.staff_fl .title_fl {font-family: 'Fredoka One', cursive; }

@media screen and (min-width: 1401px) {

.staff_fl { position: relative; width: 768px; margin: 0 auto; padding:120px 0 0 0; }

.staff_fl .title_fl { position:relative; font-size:40px; font-weight:400; color:#FFF; padding: 10px 0 10px 80px; background:#EE90A0; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:350px; }
.staff_fl .title_fl .cc_ico { position:absolute; bottom:1px; left:3px; width:58px; height:58px; background:url(../images/title/head_tit_ico04.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

.staff_wfl { float: left; width: 380px; padding: 50px 0 ; }
.staff_wfl li { clear: both; }
.staff_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 92%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.staff_wfl .job { float: left; width: 150px; font-size:13px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.staff_wfl .name { float: left; width: 210px; font-size:25px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
.staff_wfl .name2 { position: relative; float: left; width: 210px; font-size:25px; margin-bottom: 40px; padding-left:10px; font-weight: 500; color: #666; }
.staff_wfl .name2 p { position: absolute; top:20px; left: -0px; width: 230px; font-size:16px; margin-top: 10px; }
.cast_wfl { float: left; width: 380px; padding: 50px 0 ;  }
.cast_wfl li { clear: both; }
.cast_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 92%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.cast_wfl .job { float: left; width: 150px; font-size:13px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.cast_wfl .name { float: left; width: 210px; font-size:25px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
}


@media all and (min-width: 769px) and (max-width: 1400px) {

.staff_fl { position: relative; width: 768px; margin: 0 auto; padding:120px 0 0 0 }

.staff_fl .title_fl { position:relative; font-size:40px; font-weight:400; color:#FFF; padding: 10px 0 10px 80px; background:#EE90A0; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:350px; }
.staff_fl .title_fl .cc_ico { position:absolute; bottom:1px; left:3px; width:58px; height:58px; background:url(../images/title/head_tit_ico04.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

.staff_wfl { float: left; width: 380px; padding: 50px 0 ; }
.staff_wfl li { clear: both; }
.staff_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 92%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.staff_wfl .job { float: left; width: 150px; font-size:13px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.staff_wfl .name { float: left; width: 210px; font-size:25px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
.staff_wfl .name2 { position: relative; float: left; width: 210px; font-size:25px; margin-bottom: 40px; padding-left:10px; font-weight: 500; color: #666; }
.staff_wfl .name2 p { position: absolute; top:20px; left: -0px; width: 230px; font-size:16px; margin-top: 10px; }
.cast_wfl { float: left; width: 380px; padding: 50px 0 ;  }
.cast_wfl li { clear: both; }
.cast_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 92%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.cast_wfl .job { float: left; width: 150px; font-size:13px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.cast_wfl .name { float: left; width: 210px; font-size:25px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
}

@media all and (min-width: 501px) and (max-width: 768px) {

.staff_fl { position: relative; width:660px; margin: 0 auto; padding:130px 0 0 0; }

.staff_fl .title_fl { position:relative; font-size:35px; font-weight:400; color:#FFF; padding: 10px 0 10px 70px; background:#EE90A0; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:310px; }
.staff_fl .title_fl .cc_ico { position:absolute; bottom:0px; left:2px; width:55px; height:55px; background:url(../images/title/head_tit_ico04.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

.staff_wfl { float: left; width: 600px; padding: 50px 0 0 0 ; }
.staff_wfl li { clear: both; }
.staff_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 100%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.staff_wfl .job { float: left; width: 270px; font-size:13px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.staff_wfl .name { float: left; width: 250px; font-size:25px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
.staff_wfl .name2 { position: relative; float: left; width: 210px; font-size:25px; margin-bottom: 40px; padding-left:10px; font-weight: 500; color: #666; }
.staff_wfl .name2 p { position: absolute; top:20px; left: -0px; width: 230px; font-size:16px; margin-top: 10px; }
.cast_wfl { float: left; width: 600px; padding: 50px 0 100px 0 ;  }
.cast_wfl li { clear: both; }
.cast_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 100%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.cast_wfl .job { float: left; width: 270px; font-size:13px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.cast_wfl .name { float: left; width: 250px; font-size:25px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
}


@media screen and (max-width: 500px) {

.staff_fl { position: relative; width: 440px; margin: 0 auto; padding:120px 30px 0 30px; }

.staff_fl .title_fl { position:relative; font-size:30px; font-weight:400; color:#FFF; padding: 10px 0 10px 80px; background:#EE90A0; border:5px #FFF solid; box-shadow:1px 2px 2px rgba(0,0,0,0.4); border-radius:50px; letter-spacing:4px; width:300px; }
.staff_fl .title_fl .cc_ico { position:absolute; bottom:0px; left:2px; width:49px; height:49px; background:url(../images/title/head_tit_ico04.png) no-repeat center center; background-size: 100%;  transition-duration:0.5s;}

.staff_wfl { float: left; width: 440px; padding: 50px 0 0 0 ; }
.staff_wfl li { clear: both; }
.staff_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 100%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.staff_wfl .job { float: left; width: 180px; font-size:11px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.staff_wfl .name { float: left; width: 250px; font-size:22px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
.staff_wfl .name2 { position: relative; float: left; width: 210px; font-size:22px; margin-bottom: 40px; padding-left:10px; font-weight: 500; color: #666; }
.staff_wfl .name2 p { position: absolute; top:20px; left: -0px; width: 230px; font-size:13px; margin-top: 10px; }
.cast_wfl { float: left; width: 440px; padding: 50px 0 100px 0 ;  }
.cast_wfl li { clear: both; }
.cast_wfl .title { font-family: 'Fredoka One', cursive; font-size:30px; color: #EE90A0; border-bottom: 2px dotted #CCC; width: 100%; padding: 0 0 4px 0; margin: 0 0 20px 0; }
.cast_wfl .job { float: left; width: 180px; font-size:11px; font-weight: 500; text-align: right; padding-top:6px; font-weight: 500; color: #EE90A0; }
.cast_wfl .name { float: left; width: 250px; font-size:22px; margin-bottom: 30px; padding-left:10px; font-weight: 500; color: #666; text-shadow:0px 0px 1px rgba(0,0,0,0.2); }
}