@charset "UTF-8";
/*--------------------------------------------------------
Tablet（764-1024の解像度のスクリーン含む）
--------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {
/*--------------------------------------------------------
header
--------------------------------------------------------*/
header {
position: relative;
background-color: rgba(48,70,112,0.95);
}
header h1 {
font-size: 4rem;
}
header h1 a {
float: none;
width: 40%;
height: inherit;
background: url("../img/tool/logo_hd.png") top center no-repeat;
background-size: 100% auto ;
margin:  2rem 30%;
}
/*--------------------------------------------------------
footer
--------------------------------------------------------*/
#footer_banner a  {
display: block;
}
#footer_banner a img {
box-sizing: border-box;
margin-left: 0;
margin-bottom: 1.5rem;
max-width: 100%;
}

/* ----------------------------------------------------------------------------------------------------------------
INDEX
---------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------
contents_banners
--------------------------------------------------------*/
#contents_banners li:nth-child(n + 2) {
width: 24.8%;
}
#contents_banners li:nth-child(1) a {border: 0px #fff solid; margin-bottom: 2rem;}
#contents_banners li:nth-child(2) a {border: 2px #fff solid; margin-right: 0rem;}
#contents_banners li:nth-child(3) a {border: 2px #fff solid; margin-right: 0rem;}
#contents_banners li:nth-child(4) a {border: 2px #fff solid; margin-right: 0rem;}
#contents_banners li:nth-child(5) a {border: 2px #fff solid; margin-right: 0rem;}

#contents_banners li a:hover p {
display: none;
}

/*--------------------------------------------------------
contents_dojo
--------------------------------------------------------*/
#contents_dojo .btn_b a {
width: 74%;
margin: 0 auto ;
}
#contents_dojo .btn_a {
padding-bottom: 7rem;
}

/*--------------------------------------------------------
contents_dojo
--------------------------------------------------------*/
#promo_photo {
background: none;
padding-bottom: 0;
}
/* ----------------------------------------------------------------------------------------------------------------
CONTENTS
---------------------------------------------------------------------------------------------------------------- */
/*--------------------------------------------------------
grid
--------------------------------------------------------*/
/* gridmenu */
section#gridmenu li {
display: inline-block;
width: 50%;
color: #FFFFFF;
float: left;
}

/* ----------------------------------------------------------------------------------------------------------------
CONTENTS_ZENDOREN
---------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------
END
---------------------------------------------------------------------------------------------------------------- */
}