@charset "utf-8";

/* ========== タブレット・小PC向けスタイル （ここから追記） ========== */
@media screen and  (min-width: 768px) and (max-width: 1080px)  {

  /* 【common.css】の調整 */
  .inner960 {
    width: 100%;
    padding: 0 20px; /* 左右に余白を追加 */
  }

  header #headerTop__Nav,
  header nav#headerTop__GlobalNav ul,
  footer #fcopy {
    width: 100%;
    padding: 0 20px; /* 左右に余白を追加 */
  }
		header nav#headerTop__GlobalNav{
		bottom:50px;
		}
.course_Content ul.footer_banner{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin: 0 auto;
}
.course_Content .footer_banner li{
width: 22%;
height: auto;
margin:0 auto 1rem;
}
		
		
  footer div.footer_nav ul {
    width: 90%;
  }

.footer_address ul{
margin: 0 auto;
width: 100%;
display: flex;
justify-content: space-between;
}
/* footer CTV banner button*/
.footer_ctvButton{
margin: 3rem auto;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
width: 100%;
}
.footer_ctvButton li{
margin: 1rem 1% 0;
width: 48%;
height: auto;
text-align: left;
font-size: 1rem;
}

}
/* ========== タブレット向けスタイル（ここまで追記） ========== */
@media screen and (min-width: 768px) and (max-width: 1199px) {
  footer div.footer_nav ul {
    width: 90%;
  }
}