@charset "UTF-8";

@media screen and (max-width:767px) {
#title_box {
  padding-left: 5%;
  padding-right: 5%;
}

.sec_title, .sec_title2 {
  margin-top: 20px;
}


/*TOP*/
#container_sec.top {
  width: 90%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 40px;
}
#container_sec.top .menu_box .menu {
  float: none;
  margin: 0 auto;
  width: 74vw;
  height: auto;
}
#container_sec.top .menu_box .menu.last {
  margin-right: auto;
  padding-right: 10px;
}

#container_sec.top .news_box .list_box {
  width: 100%;
}
#container_sec.top .news_box dl {
  padding: 0.8em 0;
}

/*----- media -----*/
.media_btn li {
  width: 18%;
}
.media_btn_back,
.media_btn_next {
  display: none;
}


/*テレビ*/
#media_tv {
  margin-bottom: 40px;
  overflow-x: scroll;
}
#media_tv#media_tv::-webkit-scrollbar {
  height: 12px; /*バーの太さ*/
}
#examination_box-calc .result_list .table01::-webkit-scrollbar-track {
  background: #bbb; border-radius: 6px; /*バーの背景色*/
}
#media_tv::-webkit-scrollbar-thumb {
  background: #666; border-radius: 6px; /*バーの色*/
}
#media_data_tv {
  margin: 5px 0 20px;
	width: 600px;
}
#media_data_tv td {
	padding: 0px;
	vertical-align: middle;
}
#media_data_tv .text_c {
	text-align: center;
}
#media_data_tv .koumoku00 {
	padding: 8px 5px 8px 0px;
}
#media_data_tv .koumoku01 {
	padding: 12px 10px;
  width: 16%;
}
#media_data_tv .koumoku02 {
	padding: 12px 0px;
}
#media_data_tv .koumoku03 {
	border: none;
	padding: 0px;
}
#media_data_tv .koumoku04 {
	padding: 4px 10px;
  width: 26%;
}


/*新聞*/
#media_press {}
.media_data {
  display: flex;
	width: 100%;
	margin: 5px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #aac2dc;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
}
.media_data tbody {
  display: inline-block;
}
.media_data .border-btm {
	border-bottom: 1px dotted #c8d8e9;
}
.media_data tr {
  display: flex;
  flex-flow: row wrap;
}
.media_data td {
  display: block;
	width: 33.3%;
  box-sizing: border-box;
	padding: 0 10px 5px;
  margin: 5px 0;
}
.media_data .koumoku01 {
	width: 100%;
	height: 110px;
	padding: 20px 0px 5px 0px;
}
.media_data .koumoku01 img {
  max-height: 110px;
	width: 100%;
}
.media_data .koumoku02 {
	width: 100%;
	padding: 5px 0px 20px 0px;
}

/*インターネット*/
#media_net {
}
#media_data_net {
	width: auto;
	margin: 10px 0px 25px 20px;
}
#media_data_net li {
}

}



@media screen and (max-width:575px) {
/*----- XXXX -----*/
}


@media screen and (max-width:485px) {
/*----- XXXX -----*/
}


@media screen and (max-width:405px) {
/*----- XXXX -----*/
}


@media screen and (max-width:340px) {
/*----- XXXX -----*/
}