@charset "UTF-8";

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

/* blc01 ------------------*/
#blc01 .introBlc{
background-color:#f8f5ed;
line-height:1.8;
}

#blc01 .introBlc .subj{
font-size:220%;
text-align:center;
}

#blc01 .introBlc .txtBlc{
font-size:140%;
padding:0 4%;
margin-top:4%;
}

#blc01 .boxBlc .imgCover{
background:url(../img/welfare/bg01.jpg) no-repeat center center;
background-size:cover;
padding-top:28%;
}

#blc01 .boxBlc .list{
margin-bottom:7%;
}

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

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

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

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

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

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

/* blc02 ------------------*/
#blc02 .galleryList li{
width:23.5%;
margin:0 2% 2% 0;
float:left;
}

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

#blc02 .btn{
text-align:center;
margin:4% 0;
}

#blc02 .btn a{
background:#70a754 url(../img/welfare/icon_camera.png) no-repeat left 20px center;
background-size:auto 50px;
color:#fff;
width:100%;
max-width:440px;
padding:20px 2% 20px 110px;
text-decoration:none;
display:inline-block;
box-sizing:border-box;
}

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

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

@media screen and (max-width: 767px) {
/* blc01 ------------------*/
#blc01 .introBlc .subj{
font-size:160%;
}

#blc01 .introBlc .txtBlc{
font-size:120%;
}

#blc01 .boxBlc .imgCover{
padding-top:34%;
}

#blc01 .boxBlc .list li{
width:48%;
margin-right:4%;
}

#blc01 .boxBlc .list li .txt{
font-size:100%;
}

/* blc02 ------------------*/
#blc02 .galleryList li{
width:49%;
}

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

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

#blc02 .btn a{
background-size:auto 20px;
padding-left:60px;
}
}

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