@charset "UTF-8";
@-ms-viewport {
    width: device-width;
}
/* =====  スマホ〜movile first
========================================== */
.exbox12-inner a {
display:block;
margin: 0 1rem 2rem;
border: solid 1px #006699;
color: #666;
border-radius: 5px;
}
.exbox12-inner a:hover {
background-color: rgba(0,153,204,0.1);
}
.exbox12-inner a h3 {
display:block;
margin: 0;
padding: 0.5rem 1rem;
background-color: #006699;
color: #fff;
border-radius: 5px 5px 0px 0px;
font-size: 1.2rem;
text-align: center;
}

.exbox12-inner a p {
margin: 1rem 2rem 1rem;
color: #333;
font-size: 0.9rem;
text-align: left;
}
.exbox-inner a {
display:block;
margin: 0 1rem;
padding: 0.75rem 1rem;
background-color: #006699;
color: #fff;
border-radius: 5px;
}
.exbox-inner a:hover {
background-color: rgba(0,153,204,0.5);
color: #000;
}
.exbox-inner a h4 {
font-size: 1rem;
text-align: center;
margin: 0;
line-height: 1.4;
}
h3.centerh3 {
margin: 2rem 0rem 1rem;
padding: 0.25rem 1rem;
border: solid 3px #FF5504;
font-size: 1.2rem;
text-align: center;
 border-radius: 5px;
}
h3.centerh3.born{
border: solid 3px #936BFA;
}

/* =====  500以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 500px) { 




}  /* ======= end  ==========  */



/* =====  600以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 600px) { 


}  /* ======= end  ==========  */


/* =====  641以上　タブレット〜PC　min-width 40em, medium screens
========================================== */
@media only screen and (min-width: 40em) { 
.exbox-inner a {
   margin: 0 0 1rem;
  }

}

/* =====  700以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 700px) { 



}  /* ======= end  ==========  */

/* =====  800以上　タブレット〜PC　medium screens
========================================== */
@media only screen and (min-width: 800px) { 



}  /* ======= end  ==========  */



/* =====  1000以上　タブレット〜PC　min-width 1024px, medium screens
========================================== */
@media only screen and (min-width: 1024px) { 
.exbox12-inner a {
display:block;
margin: 0 1rem 3rem;
}
.exbox12-inner a h3 {
padding: 1rem 1rem;
background-color: #006699;
font-size: 1.4rem;
}
.exbox12-inner a p {
margin: 1rem 2rem 1rem;
font-size: 1rem;
}
.exbox-inner a {
display:block;
margin: 0;
padding: 0.8rem 1rem;
}
.exbox-inner a h4 {
font-size: 1.2rem;
}
h3.centerh3 {
margin: 2rem 0rem 2rem;
font-size: 1.4rem;

}

}


/* =====  1024以上　PC　min-width 1024px, larger screens
========================================== */
@media only screen and (min-width: 1024px) {



}