@media only screen and (max-width: 767px) {

div#header div#headerInner, 
div#gNav, div#pageBody, 
div#content ul.info li, 
div#content ul.info li div ul, 
div#sidebar div.section ul.lNav li p.parent, 
div#footer div#footerInner, 
div#footer div#footerInner ul#fNav{
    zoom:unset !important;
}
/** header  **/
div#header div#headerInner {
    width:100%;
}
div#header div#headerInner #logo {
    margin-bottom: 15px;
    margin-left: 15px;
}
div#gNav ul li img{
    width: 100%;
}
div#gNav {
    float:left !important;
    width:100% !important;
}
div#gNav dl dd ul li {
    width: calc(100% / 3)!important;
}
div#gNav ul.pc_nav {
    display: none !important;
}
div#gNav ul.sp_nav {
    display: block !important;
}
div#gNav dl dd ul.sp_nav li a {
    display: block;
}
div#gNav dl dd ul li#gNavSeminar a:hover,
div#gNav dl dd ul li#gNavKensyu a:hover,
div#gNav dl dd ul li#gNavMypage a:hover {
    background: none !important;
}
div#gNav dl dd ul li a:hover img {
    visibility: visible !important;
}
/** pagebody **/
div#pageBody{
    width: 100%;
}
div#content{
    width: 95% !important;
    margin:15px auto 0 auto;
    display:block;
    float: none !important;
}
div#title {
    padding-top:10px;
}
div#content p.mainTitle {
    width:100%  !important;
    height:auto  !important;
    font-size:1rem  !important;
    background-size:100% 100% !important;
}
div#content div.section.seminar div#title p.seminar img {
        width:100% !important;
}
div#content div.section div#title p.mainTitle.seminar span {
    font-size:1rem;
}
div#content h2.overview:not(.seminar) ,div#content h2#attribute11hTr:not(.seminar) , div#content h2#attribute30hTr:not(.seminar) , div#content h2.inquiry:not(.seminar){
    background-color: #EBEBEB;
    border: 1px solid #dfdfdf;
    padding: 8px 5px;
    border-radius: 2px;
    height:auto !important;
}
div#content h2.overview img , div#content h2.inquiry img{
    display: none;
}
div#content h2.overview:not(.seminar) span.sp_only , div#content h2#attribute11hTr:not(.seminar) span.sp_only , div#content h2#attribute30hTr:not(.seminar) span.sp_only , div#content h2.inquiry:not(.seminar) span.sp_only{
    width: 90%;
    display: block;
    border-left: 3px solid #2D3B98;
    padding:0px 0px 0px 3px !important;
    font-weight:bold;
}
.section.seminar table th{
    width: 6em !important;
}
.sectionInner.seminar.overview_section table th, .sectionInner.seminar.overview_section table td {
    padding:5px;
    font-size:1rem;
}
.sectionInner.seminar p {
    font-size:1rem !important;
}
div#content .overview_section {
    width:95%;
}
div#content div.section div.sectionInner {
    width: 100%;
}
div#content div.section h2.free {
    background: none;
}

#sidebar-tra div.section p.sp_view img{
    display: none;
}
#sidebar-tra div.section p.sp_view a {
    display:block;
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
#sidebar-tra div.section p.sp_view span.sp_arrow::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-left:5px;
  background-image: url('../img/triangle.png'); 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
#sidebar-tra div.section p.sp_view span.sp_only {
    display: block;
}
#sidebar-tra div.section p.sp_view span.sp_only {
    display:block;
    color:#000;
    text-decoration:none;
    font-weight:bold;
    padding:10px 0;
    width:calc(100% - 2px) !important;
    background-image: -moz-linear-gradient(top, #FDFDFD, #E9EBF7);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FDFDFD), to(#E9EBF7));
    background-image: -webkit-linear-gradient(top, #FDFDFD, #E9EBF7);
    background-image: -o-linear-gradient(top, #FDFDFD, #E9EBF7);
    background-image: linear-gradient(to bottom, #FDFDFD, #E9EBF7);
    background-repeat: repeat-x;
    border:1px solid #dfdfdf;
}
#sidebar-tra div.section p.sp_view span.sp_arrow_b::before{
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  margin-left:5px;
  background-image: url('../img/triangle_b.png'); 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;  
}
div#sidebar-tra div.section ul.lNavList , div.training div#sidebar-tra div.section div.sectionInner ul.last {
    width:100% !important;
}
div.seminar div#sidebar_semi , div.training div#sidebar-tra{
    float:none !important;
    width: 95% !important;
    margin: 0 auto !important;
}
.mpadd input[type="image"] {
    width: 100%;
}
div#content div.section h2 img ,div#content div.section h2 img{
    width: 95%;
}
 li.listLast p.searchButton {
    width: 220px;
    margin:0 auto;
}
div.training div#sidebar-tra div.section div.sectionInner ul li.hold select {
    width: 40% !important;
}
div.training div#sidebar-tra div.section div.sectionInner ul li p.searchText{
    background:none !important;
    height:auto !important;
}
div.training div#sidebar-tra div.section div.sectionInner ul li p.searchText input {
    width: 95% !important;
    border: 1px solid #ced4da;
    padding: 3px 0;
}
/** footer **/
div#footer div#footerInner{
    width: 95%;
}
div#footer div#footerInner ul#fNav{
    width: 100% !important;
}
div#footer div#footerInner ul#fNav li {
    float:none !important;
}
}