@charset "UTF-8";

/* keyVisual ------------------*/
#keyVisual .bgArea{
width:100%;
height:0;
padding-bottom:44%;
position:relative;
box-sizing:border-box;
}

#keyVisual .bgSwitch{
background-position:center top !important;
background-size:cover !important;
min-height:100%;
z-index:0 !important;
}

/* blc01 ------------------*/
#blc01 .txt{
font-size:160%;
letter-spacing:0.05em;
text-align:center;
line-height: 1.8;
}

#blc01 .navBlc{
max-width:800px;
margin:2% auto 0;
}

#blc01 .navBlc li{
width:47%;
margin:0 6% 4% 0;
float:left;
}

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

#blc01 .navBlc li a{
text-decoration:none;
}

#blc01 .navBlc li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
padding-top:73%;
-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
}

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

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

#blc01 .navBlc li .subj{
font-size:160%;
letter-spacing:0.1em;
margin-top:2%;
text-align:center;
}

/* blc02 ------------------*/
#blc02{
background:url(../img/top/bg01.jpg) no-repeat center center;
background-size:cover;
}

#blc02 .txtCatch{
font-size:210%;
color:#fff;
letter-spacing:0.2em;
margin-bottom:4%;
}

#blc02 .txt{
color:#fff;
text-align: left;
letter-spacing: 0.1em;
line-height: 2;
}
#blc02 .comCen {
text-align: center;
}
#blc02 .navBlc{
letter-spacing:-0.4em;
margin-top:20%;
text-align:center;
}

#blc02 .navBlc li{
width:32%;
margin:0 2% 2% 0;
letter-spacing:normal;
display:inline-block;
vertical-align:top;
}

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

#blc02 .navBlc li .btn{
width:100%;
display:table;
}

#blc02 .navBlc li a{
background-color:#000;
color:#fff;
text-align:center;
text-decoration:none;
letter-spacing:0.1em;
vertical-align:middle;
padding:7px 20px;
word-break:break-all;
word-wrap:break-word;
display:table-cell;
box-sizing:border-box;
}

/* blc04 ------------------*/
#blc04 .txtBlc .rightBlc .imgBlc{
background-image:url(../img/top/img03.jpg);
}
#blc04 .leftBlc {
letter-spacing: 0.1em;
line-height: 1.6;
}
@media screen and (max-width: 1200px) {
}

@media screen and (max-width: 1000px) {
/* keyVisual ------------------*/
#keyVisual .bgArea{
padding-bottom:60%;
}
}

@media screen and (max-width: 767px) {
/* keyVisual ------------------*/
#keyVisual .bgArea{
padding-bottom:75%;
}

/* blc01 ------------------*/
#blc01 .txt{
font-size:120%;
}

#blc01 .navBlc li .subj{
font-size:120%;
letter-spacing:normal;
}

/* blc02 ------------------*/
#blc02 .txtCatch{
/*font-size:160%;*/
font-size: 115%;
}
#blc02 .txt {
font-size: 90%;
}
#blc02 .txt br{
display: none;
}
#blc02 .comCen {
text-align: left;
}
#blc04 .ttlFr{
font-size: 125%;
text-align: center;
}
}

@media screen and (max-width: 480px) {
/* blc02 ------------------*/
#blc02 .navBlc{
margin-top:7%;
}

#blc02 .navBlc li{
width:100%;
margin:0 0 2%;
}
}