@charset "UTF-8";

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

/* blc01 ------------------*/
#blc01 .introBlc .img01{
background-image:url(../img/particular/img01.jpg);
}

#blc01 .introBlc .img02{
background-image:url(../img/particular/img02.jpg);
}

#blc01 .introBlc .img03{
background-image:url(../img/particular/img03.jpg);
}
/* ------------------*/
#blc01 .blcStyle02 .txtBlc .ttl {
font-size: 160%;
}
#blc01 .blcStyle02 .txtBlc {
letter-spacing: 0.1em;
line-height: 2;
}
/* ------------------*/

/* blc02 ------------------*/
#blc02 .imgBlc .img01{
background-image:url(../img/particular/img04.jpg);
}

#blc02 .imgBlc .img02{
background-image:url(../img/particular/img05.jpg);
}

#blc02 .imgBlc .img03{
background-image:url(../img/particular/img06.jpg);
}

#blc02 .imgBlc .img04{
background-image:url(../img/particular/img07.jpg);
}

#blc02 .imgBlc .img05{
background-image:url(../img/particular/img08.jpg);
}
#blc02 .blcStyle01 .txtBlc .subj {
line-height: 1.7;
}
#blc02 .blcStyle01 .txtBlc .txt {
letter-spacing: 0.1em;
line-height: 2;
}
/* blc03 ------------------*/
#blc03 .txtCatch{
font-size:160%;
line-height:1.8;
letter-spacing:0.2em;
text-align:center;
padding:0 2%;
margin-bottom:2%;
}

#blc03 .listBlc li{
width:25%;
margin-bottom:4%;
float:left;
}

#blc03 .listBlc li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:98%;
}

#blc03 .listBlc li .imgBlc.img01{
background-image:url(../img/particular/img09.jpg);
}

#blc03 .listBlc li .imgBlc.img02{
background-image:url(../img/particular/img10.jpg);
}

#blc03 .listBlc li .imgBlc.img03{
background-image:url(../img/particular/img11.jpg);
}

#blc03 .listBlc li .imgBlc.img04{
background-image:url(../img/particular/img12.jpg);
}

#blc03 .listBlc li .txt{
font-size:140%;
letter-spacing:0.2em;
text-align:center;
padding:2%;
}

@media screen and (max-width: 1200px) {
/* blc03 ------------------*/
#blc03 .txtCatch{
font-size:140%;
}

#blc03 .listBlc li .txt{
font-size:90%;
}
}

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

@media screen and (max-width: 767px) {
/* blc03 ------------------*/
#blc03 .txtCatch{
font-size:120%;
}

#blc03 .listBlc li .txt{
font-size:90%;
}
#blc01 .blcStyle02 .txtBlc .ttl{
font-size: 135%;
}

}
@media screen and (max-width: 480px) {
/* blc03 ------------------*/
#blc03 .listBlc li{
width:50%;
}
}