@charset "UTF-8";

/* keyVisual ------------------*/
#keyVisual .mainImg{
background-image:url(../img/personnel_image/main_img.jpg);
}

/* blc01 ------------------*/
#blc01{
padding-bottom:0;
}

#blc01 .txtIntro{
padding-bottom:6%;
font-size: 140%;
}

#blc01 .txtOutro{
padding-top:6%;
padding-bottom:6%;
font-size: 140%;
}

#blc01 .bgBox{
padding: 5% 0 5%;
position:relative;
}

#blc01 .bgBox .bgImg{
background-repeat:no-repeat;
background-position:center center;
background-attachment:fixed;
background-size:cover;
width:100%;
height:100%;
margin:0;
padding:0;
position:absolute;
top:0;
left:0;
}

#blc01 .bgBox .bgImg.img01{
background-image:url(../img/personnel_image/bg01.jpg);
}

#blc01 .bgBox .bgImg.img02{
background-image:url(../img/personnel_image/bg02.jpg);
}

#blc01 .bgBox .bgImg.img03{
background-image:url(../img/personnel_image/bg03.jpg);
}

#blc01 .bgBox .bgImg.img04{
background-image:url(../img/personnel_image/bg04.jpg);
}

#blc01 .bgBox .bgImg.img05{
background-image:url(../img/personnel_image/bg05.jpg);
}

#blc01 .bgBox .txtBlc{
color:#fff;
}

#blc01 .bgBox .txtBlc .subj{
color:#fff;
font-size:230%;
}

#blc01 .bgBox .txtBlc .txt{
font-size:120%;
margin-top:4%;
padding:0 4%;
}

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

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

@media screen and (max-width: 767px) {
/* blc01 ------------------*/
#blc01 .bgBox{
padding:4% 0;
}

#blc01 .bgBox .bgImg{
background-attachment:scroll;
width:auto;
height:auto;
padding-top:60%;
position:static;
}

#blc01 .bgBox .txtBlc{
color:#313131;
padding:2% 0 4%;
}

#blc01 .bgBox .txtBlc .subj{
color:#313131;
font-size:140%;
}

#blc01 .bgBox .txtBlc .txt{
font-size:110%;
}
}

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