@charset "UTF-8";

#header,
#keyVisual,
#footer{
background-color:#fff;
}

.bgCover{
background-image:url(../img/about/bg01.jpg);
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:-1;
}

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

/* blc01 ------------------*/
#blc01 .bgWhite{
background-color:#fff;
}

#blc01 .txtCatch{
font-size:160%;
letter-spacing:0.1em;
line-height:1.8;
text-align:center;
color:#fff;
}

#blc01 .serviceBlc{
text-align:center;
width: 96%;
margin:7% auto 0;
}

#blc01 .serviceBlc > .ttl{
background-color:#248cc8;
color:#fff;
font-size:140%;
line-height:1.5;
width:100%;
max-width:280px;
border-radius:999px;
letter-spacing:0.2em;
padding:4px 2%;
display:inline-block;
box-sizing:border-box;
}

#blc01 .serviceBlc > .list{
border:2px solid #248cc8;
padding:50px 2% 4%;
margin-top:-22px;
box-sizing:border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
}

#blc01 .serviceBlc > .list li{
box-sizing:border-box;
width: 33.333%;
padding: 1% 1% 1%;
}

#blc01 .serviceBlc > .list li a{
text-decoration:none;
}

#blc01 .serviceBlc > .list li .imgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
border:1px solid #70a754;
padding-top:65%;
box-sizing:border-box;
}

#blc01 .serviceBlc > .list li .subj{
background-color:rgba(36,140,200,0.7);
color:#fff;
padding: 20px 3%;
box-sizing:border-box;
transition:all 200ms ease-in-out;
display: flex;
align-items: center;
height: 100%;
line-height: 1.5;
}

#blc01 .serviceBlc > .list li a:hover .subj{
background-color:rgba(112,167,84,1);
}

#blc01 .serviceBlc > .list li .subj p{
width: 100%;
}

#blc01 .btn > a{
background-color:#0f2b77;
color:#fff;
text-align:center;
padding:0 2%;
display:block;
}

#blc01 .btn > a .icn{
background:url(../../img/common/icon_build.png) no-repeat left center;
background-size:auto 65%;
padding:20px 0 20px 50px;
display:inline-block;
}

/* blc02 ------------------*/
#blc02{
background-color:#fff;
overflow:hidden;
}

#blc02 .txtBlc{
margin-top:4%;
}

#blc02 .historyBlc{
padding-top:7%;
padding-bottom:10%;
position:relative;
}

#blc02 .historyBlc:before{
content:"";
background-color:#0f4b89;
width:20%;
height:75%;
position:absolute;
top:0;
right:-3%;
-ms-transform:skew(168deg);
-webkit-transform:skew(168deg);
transform:skew(168deg);
}

#blc02 .historyBlc:after{
content:"";
background-color:#70a754;
width:20%;
height:75%;
position:absolute;
bottom:0;
left:-3%;
-ms-transform:skew(168deg);
-webkit-transform:skew(168deg);
transform:skew(168deg);
}

#blc02 .historyBlc .sliderHistory{
background-color:#000;
position:relative;
z-index:2;
}

#blc02 .historyBlc .sliderHistory .bgBlc{
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
width:100%;
height:525px;
display:table;
position:relative;
}

#blc02 .historyBlc .sliderHistory .bgBlc.img01{
background-image:url(../img/about/bg02.jpg);
}

#blc02 .historyBlc .sliderHistory .bgBlc.img02{
background-image:url(../img/about/bg03.jpg);
}

#blc02 .historyBlc .sliderHistory .bgBlc.img03{
background-image:url(../img/about/bg04.jpg);
}

#blc02 .historyBlc .sliderHistory .bgBlc .txtVCenter{
text-align:center;
letter-spacing:0.1em;
vertical-align:middle;
padding:2% 7%;
display:table-cell;
box-sizing:border-box;
}

#blc02 .historyBlc .sliderHistory .bgBlc .txtVCenter .subj{
font-size:200%;
color:#fff;
margin-bottom:2%;
}

#blc02 .historyBlc .sliderHistory .bgBlc .txtVCenter .txt{
color:#fff;
}

#blc02 .historyBlc .navHistory{
position:relative;
z-index:2;
}

#blc02 .historyBlc .navHistory .slick-slide{
text-align:center;
padding:7px 2%;
}

#blc02 .historyBlc .navHistory .slick-slide .txt01{
display:inline-block;
position:relative;
cursor:pointer;
}

#blc02 .historyBlc .navHistory .slick-slide.slick-current .txt01:after{
content:"";
background-color:#313131;
width:100%;
height:1px;
position:absolute;
bottom:0;
left:0;
}

#blc02 .historyBlc .navHistory .slick-slide:hover .txt01:after{
content:"";
background-color:#313131;
width:100%;
height:1px;
position:absolute;
bottom:0;
left:0;
}

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

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

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

#blc02 .dormBlc .list li .imgBlc.img01{
background-image:url(../img/about/img07.jpg);
}

#blc02 .dormBlc .list li .imgBlc.img02{
background-image:url(../img/about/img08.jpg);
}

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

#blc02 .inner:last-child .tblStyle06{
margin-bottom:10px;
}

#blc02 .icnImportant{
color:#0f2b77;
font-size:180%;
line-height:1;
transform:translateY(6px);
display:inline-block;
}

#blc02 .noteBlc{
margin-bottom:7%;
}


#blc02 .noteBlc .txtList li{
list-style: disc;
margin-left: 20px;
}

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

#blc01 .serviceBlc > .ttl{
font-size:130%;
}

#blc01 .btn > a .icn{
padding-left:35px;
}

/* blc02 ------------------*/
#blc02 .historyBlc .sliderHistory .bgBlc{
height:480px;
}

#blc02 .historyBlc .sliderHistory .bgBlc .txtVCenter .subj{
font-size:160%;
}

#blc02 .dormBlc .list li{
width:48%;
margin-right:4%;
}

#blc02 .dormBlc .list li .txt{
font-size:100%;
}
}

@media screen and (max-width: 640px) {
/* blc01 ------------------*/
#blc01 .serviceBlc > .list li{
width:50%;
}
}

@media screen and (max-width: 480px) {
/* blc02 ------------------*/
#blc02 .historyBlc .sliderHistory .bgBlc{
height:350px;
}
}