@charset "UTF-8";
@-ms-viewport {
    width: device-width;
}
/* =====  スマホ〜movile first
========================================== */
h2.p-dai {
font-size: 1.2rem;
border-bottom: solid 2px #006699;
color: #006699;
margin: 0 1rem 1rem;
}
p.p-text {
font-size: 1rem;
margin: 0rem 2rem 1rem;
}
.dlbottom {
  width: 80%;
  margin: 0 auto 1rem;
  border-radius: 5px;
}
.dlbottom a {
 display: block;
 color: #fff;
 text-align: center;
 font-size: 1rem;
 padding: 0.75rem 1rem;
 background: -webkit-gradient(linear,left bottom,left top,from(#003366),to(#6699cc));
    background: -webkit-linear-gradient(0deg,#003366, #6699cc);
    background: -moz-linear-gradient(0deg,#003366, #6699cc);
    background: -o-linear-gradient(0deg,#003366, #6699cc);
    background: linear-gradient(0deg,#003366, #6699cc);
border-radius: 5px;
}
.exbox12-inner a {
display:block;
margin: 0 1rem;
background-color: #006699;
color: #fff;
padding: 0.75rem 1rem; 
  font-size: 1.2rem;
text-align: left;
border-radius: 5px;
   box-shadow: 2px 2px 4px #666;
}
.exbox12-inner a:hover {
background-color: rgba(0,153,204,0.8);
}

.exbox-inner a {
display:block;
margin: 0 1rem 2rem;
padding: 0.5rem 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;
}
h3.centerh3 {
clear:both;
margin: 0rem 1rem 1rem;
border-bottom: solid 1px #006699;
font-size: 1.2rem;
text-align: center;
}

/* =====  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) { 


}

/* =====  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) { 
h2.p-dai {
font-size: 1.8rem;
margin: 0 1rem 2rem;
}
p.p-text {
font-size: 1.2rem;
margin: 0rem 2rem 1rem;
}
.dlbottom {
  width: 80%;
  margin: 0 auto 2rem;
  border-radius: 5px;
}
.dlbottom a {
 display: block;
 color: #fff;
 text-align: center;
 font-size: 1rem;
 padding: 1rem 2rem;
 background: -webkit-gradient(linear,left bottom,left top,from(#003366),to(#6699cc));
    background: -webkit-linear-gradient(0deg,#003366, #6699cc);
    background: -moz-linear-gradient(0deg,#003366, #6699cc);
    background: -o-linear-gradient(0deg,#003366, #6699cc);
    background: linear-gradient(0deg,#003366, #6699cc);
border-radius: 5px;
}



.exbox-inner a {
display:block;
margin: 0 1rem 3rem;
padding: 1rem 1.5rem;
}
.exbox-inner a h4 {
font-size: 1.2rem;
}
h3.centerh3 {
clear:both;
margin: 0rem 1.5rem 2rem;
font-size: 1.4rem;

}

}


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



}