
/* ------------- PC ----------------------*/

@media screen and (min-width: 998px) {


.Grid4 .ef_pageTitle2_2{
background: #114672;
}

.Grid4 .ef_pageTitle2_1{
background-image: url("../img/hcs/bg_pgttl0.jpg");
background-size: cover;
background-position: center;
}

.Grid4 .ef_pageTitle2_2 h1{
background: url("../img/hcs/bg_ttl1.jpg") no-repeat;
background-size: auto 100%;
background-position: -200px center;
}



.Grid4 .wide1{
max-width: 1100px;
margin: 0 auto;
}

.Grid4 .wide2{
max-width: 964px;
margin: 0 auto;
}


.ButtonStyle2 {
}

.ButtonStyle2 li{
  width: 32%;
}

.ButtonStyle2 li:nth-of-type(3n){
margin-right: 0;
}

.ButtonStyle2 li a{
height: 3em;
padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}




}

/* ------------- tab ----------------------*/

@media screen and (min-width: 768px) and (max-width: 997px) {


.Grid4 .ef_pageTitle2_2{
background: #114672;
}

.Grid4 .ef_pageTitle2_1{
background-image: url("../img/hcs/bg_pgttl0.jpg");
background-size: cover;
background-position: center;
}

.Grid4 .ef_pageTitle2_2 h1{
background: url("../img/hcs/bg_ttl1.jpg") no-repeat;
background-size: auto 100%;
background-position: -200px center;
}



.Grid4 .wide1{
margin: 0 15px;
}

.Grid4 .wide2{
}


.ButtonStyle2 {
}

.ButtonStyle2 li{
max-width:calc((100% - 30px) / 3);
}

.ButtonStyle2 li:nth-of-type(3n){
margin-right: 0;
}

.ButtonStyle2 li a{
height: 3em;
padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}




}

/* ------------- SP ----------------------*/

@media screen and (max-width: 767px) {

.Grid4 .ef_pageTitle2_1{
background-image: url("../img/hcs/bg_ttl2.jpg");
background-size: cover;
background-position: center;
}

.Grid4 .ef_pageTitle2_2{
background-image: url("../img/hcs/bg_ttl1.jpg");
background-size: cover;
background-position: center;
}



.Grid4 .wide1{
}

.Grid4 .wide2{
}


.ButtonStyle2 {
}

.ButtonStyle2 li{
}

.ButtonStyle2 li a{
padding: 1.5em 28px !important;
border-right: solid 1px transparent;
}

.ButtonStyle2 li a:hover{
padding: 1.5em 28px;
border-right: solid 3px transparent;
}





}