@charset "UTF-8";

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

/* blc01 ------------------*/
#blc01 .txtIntro{
margin-bottom:4%;
}

#blc01 .tbl{
margin-bottom:2%;
}

#blc01 .tbl th{
width:auto;
}

#blc01 .tbl th:first-child,
#blc01 .tbl td:first-child{
width:30%;
}

#blc01 .outroNote{
text-align: right;
}

#blc01 .list{
margin-top:4%;
margin-bottom:4%;
}

#blc01 .list li{
width:44%;
margin-right:12%;
}

#blc01 .list li:nth-of-type(2n){
margin-right:0;
}

#blc01 .list li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:65%;
}

#blc01 .list li .imgBlc.img01{
background-image:url(../img/list/img01.jpg);
}

#blc01 .list li .imgBlc.img02{
background-image:url(../img/list/img02.jpg);
}

#blc01 .list li .txt{
letter-spacing:0.1em;
padding:2%;
}

#blc01 .galleryBlc .galleryList li{
width:23.5%;
text-align:center;
margin:0 2% 2% 0;
float:left;
}

#blc01 .galleryBlc .galleryList li:nth-of-type(4n){
margin-right:0;
}

@media screen and (max-width: 1200px) {
html,body{
height:auto;
}
}

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

@media screen and (max-width: 767px) {
/* blc01 ------------------*/
#blc01 .list li{
width:48%;
margin-right:4%;
}
}

@media screen and (max-width: 480px) {
/* blc01 ------------------*/
#blc01 .galleryBlc .galleryList li{
width:49%;
}

#blc01 .galleryBlc .galleryList li:nth-of-type(4n){
margin-right:2%;
}

#blc01 .galleryBlc .galleryList li:nth-of-type(2n){
margin-right:0;
}
}