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

.pc {
	display: none !important;
}

.sp {
	display: block;
}

.sp_footer {
	padding-bottom: 14%;
}

#bottom_menu {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 99;
}

article section {
	padding: 40px 10px 60px 10px;
}

/********************************

            共通部分

********************************/
.box {
	flex-wrap: wrap;
}

.box_left {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}

.box_right {
  width: 100%;
}

.container {
	width: 100%;
}

.title_w74 {
	width: 100% !important;
}

.colum4_col {
	width: 100%;
	margin-right: 0;
}

.box_w74 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

.box_w46 {
	width: 100%;
}

.box_w25 {
	width: 100%;
}
.box_w25 ul li{
	margin-bottom:1em;
}

.box_w78 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 20px;
}

.box_w20 {
	width: 100%;
}

/********************************

            ヘッダー

********************************/
header {
	height: 60px;
	overflow: hidden;
}

.header_container {
	width: 100%;
	padding: 0;
	justify-content: initial;
	align-items: center;
}

#header #logo {
	width: 35%;
	margin-right: 5px;
	text-align: left;
}

#header_menu {
	display: none;
}

.search {
	margin-left: 0;
}

.sp_search_menu {
	display: block;
	padding: 10px;
	background: #eeeeee;
}

.sp_search_menu input {
	width: 100%;
}

.sp_search_menu input[type=text] {
	font-size: 16px;
}

/********************************

          グローバルナビゲーション

********************************/

nav {
	width: 100% !important;
	background-color: #08215c !important;
	padding: 0;
}

nav ul {
	max-width: 100%;
}

nav ul li {
	width: 100%;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #fff;
}

nav ul li:first-child {
	border: none;
	border-bottom: 1px solid #fff;
}

nav ul li a {
	padding: 20px 10px;
	text-align: left;
	position: relative;
}

nav ul li.menu_list > a:after {
	content: "\f067";
	font-weight: 900;
  	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 15px;
}

nav ul li.open > a:after {
	content: "\f068";
	font-weight: 900;
  	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 15px;
}

.drawer-dropdown-menu li a {
	padding-left: 2em;
	font-size: 14px;
}

.drawer-dropdown-menu a:after {
	content: "\f105" !important;
	font-weight: 900;
  	font-size: 14px;
	font-family: "Font Awesome 5 Free";
	position: absolute;
	right: 15px;
}

nav ul li:last-child a:after {
	content: "";
	display: none;
}

nav ul li:last-child a:after {
    content: url("/images/common/outlink.svg");
    display: inline-block;
    padding-left: 8px;
    vertical-align: middle;
    line-height: 1;
}


.houmon_menu {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	background-color: #000;
}

.houmon_menu li {
	width: calc(100% / 3);
}

.houmon_menu li {
	border-right: 1px solid #fff !important;
}

.houmon_menu li:nth-child(4) {
	border-right: 0;
}

.houmon_menu li:last-child {
	border-right: 0;
}

.houmon_menu li a {
	padding: 10px;
	text-align:center;
}

.houmon_menu li img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.houmon_menu li span {
	display: block;
	font-size: 10px;
	padding-top: 8px;
	text-align: center;
}

.houmon_menu li a:after {
	content: "" !important;
	display: none !important;
}


p.coverage {
	display: block;
	margin-top: 10px;
}

p.coverage a {
	display: block;
	padding-left: 10px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
}

p.coverage a:before {
	content: "\f105" !important;
	font-weight: 900;
	font-size: 16px;
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	padding-right: 8px;
}

/*******************************************

                ギガメニュー

*******************************************/
.menu_contents {
	display: none !important;
	position: static;
}

.megamenu_ct {
	display: block;
}

.page_title {
	display: none;
}

.page_list {
	width: 100%;
	display: block;
}

.page_list ul {
	width: 100%;
	border: none;
	padding: 0;
}

.page_list ul:first-child {
	border-left: none;
	border-top: 1px solid #fff !important;
}

.page_list ul li {
	border-bottom: 1px solid #fff !important;
	margin-bottom: 0;
}

.page_list ul li a {
	display: block;
	padding: 15px 10px;
	font-size: 16px;
	box-sizing: border-box;
}

.page_list ul li a:after {
	right: 10px !important;
}

/********************************

            スライド

********************************/

.video-container {
	height: auto !important;
}

.swiper-button-next {
	right: 0 !important;
}

.swiper-button-prev {
	left: 0 !important;
}

.swiper-button-next:after {
	content: url("../images/sp_arw_right.png");
}

.swiper-button-prev:after {
	content: url("../images/sp_arw_left.png");
}

#youtube-wrap {
  height: auto !important;
}

#wrapper_youtube {
  position: relative !important;
  width: 100%;
  padding-top: 56.25%;
}

#wrapper_youtube iframe {
  position: absolute !important;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#top {
	margin-top: 0;
}

/********************************

            重要なお知らせ

********************************/

#news {
	flex-wrap: wrap;
}

#news .news_title {
	width: 100%;
}

#news .news_detail {
	width: 100%;
}

#news .news_title > h2 {
	position: static;
	margin-bottom: 20px;
	transform: none;
}

#news .news_title p.news_detail_btn {
	position: static;
}

#news .news_detail table th {
	display: block;
	width: 100%;
}

#news .news_detail table td {
	display: block;
	width: 100%;
}

.appearance_box_col:before {
	content: "";
	display: none;
}

.appearance_img {
	display: none !important;
}

.appearance_box_col {
	height: auto;
}

.appearance_box_col p {
	padding: 0;
	margin:0;
}

.appearance_box_col p.appearance_txt {
	padding: 10px;
	margin:0;
}


/********************************

            Pick up

********************************/

.pickup_box {
	width: 100%;
}

.pickup_box .pickup_box_col {
	width: 100%;
	margin-right: 0;
}

/*****************************

          News

*****************************/

#tabs ul {
	font-size: 0;
	text-align: center;
}

#tabs li {
	font-size: 0;
	width: auto;
	margin-right: 7px;
}

#tabs li:last-child {
	margin: 0;
}

#tabs li a {
	line-height: 1;
	padding: 10px 5px;
	font-size: 12px;
}

.news_box .news_box_col {
	width: 48%;
	margin-right: 2%;
}

.news_box .news_box_col:nth-child(even) {
	margin-right: 0;
}

.news_box .news_box_col .photo {
	height: auto;
}

.news_box .news_box_col .photo img {
	display: block;
	width: 100%;
	object-fit: contain;
	height: 170px;
	vertical-align: bottom;
}

.news_box .news_box_col .photo .new_icon img {
	height: auto;
}

.news_detail_btn_area p {
	display: block;
	margin-bottom: 10px;
}

p.detail_btn {
	display: block;
	width: 100%;
}

p.detail_btn2 {
	display: block;
	width: 100%;
}


.academics_box_col{
	width: 100%;
	margin-bottom:20px;
}


/*****************************

          Events

*****************************/

.event_box {
	width: 100%;
}

.events img {
	max-width: 100% !important;
	height: auto;
	width: auto !important;
}

.event_box .event_box_col {
	display: block;
	width: 100%;
	margin: 0;
}

.event_box .event_box_col .event_box_left {
	width: 100%;
}

.event_box .event_box_col .event_box_right {
	width: 100%;
}

.event_list_box .list_photo{
	width: 48%;
}
.event_list_box .list_detail dl.title{
	display:contents;
	width: 50%;
}
.event_list_box .list_detail dl.title dt,
.event_list_box .list_detail dl.title dd{
	width: 100%;
}
.event_list_box .list_box_col .list_photo{
	height: auto;
	overflow: auto;
}
/*****************************

          Research

*****************************/
.research_box .research_box_col {
	width: 100%;
	margin-right: 0;
}


/*****************************

          Choho 広報誌

*****************************/
.choho_box {
	display: block;
}

.choho_left {
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px;
}

.choho_right {
	width: 100%;
}

.choho_logo {
	width: 60%;
	margin: 0 auto 1em auto;
}

#next_main .box_w70,
#next_main .box_w30{
	width:100%;
	float:none;
}

/*****************************

          Instagram

*****************************/
.instagram ul li {
  width: 50%;
}

.instagram ul li img {
	height: 205px;
}

.instagram ul li:nth-child(5) {
	display: none;
}

.instagram ul li:nth-child(6) {
	display: none;
}

.instagram ul li:nth-child(7) {
	display: none;
}

.instagram ul li:nth-child(8) {
	display: none;
}

.instagram ul li:nth-child(9) {
	display: none;
}

.instagram ul li:nth-child(10) {
	display: none;
}

/*****************************

            フッタートップ

*****************************/

#footer_top ul li {
	width: 100%;

}

#footer_top ul li {
	margin-right: 0;
}

p.copyright {
	font-size: 9px;
	text-align: center;
}

/*****************************

            フッター

*****************************/
#footer {
	padding: 10px;
}

.footer_container {
	width: 100%;
}

.footer_box {
	display: block;
}

.footer_left {
	width: 100%;
	margin-bottom: 15px;
}

.footer_right {
	width: 100%;
}

p.footer_logo {
	display: block;
	width: 100%;
	margin: 1em auto 0 auto;
	text-align: center;
}

.footer_border_box {
	display: none;
}

.list_box,
.list_sub_menu{
	width:94%;
	margin:10px 3%;
	word-break: break-word;
	box-sizing: border-box;
}
.pagenation ul {
	align-items: left;
	justify-content: left;
}

/********************************

            次階層

********************************/
#next_main {
	padding: 0 10px;
	box-sizing: border-box;
}

#next_header {
  height: auto;
}

.pankuzu {
  position: static;
}

.pankuzu p {
  width: 100%;
}

.next_title {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 0;
}

.next_title h1,
.next_title2 h1 {
	width: 100%;
	padding: 10px;
	font-size: 20px;
}
.next_title h1 span,
.next_title2 h1 span {
	margin-top: 10px;
	padding-top: 10px;
	font-size: 18px;
}

.next_title2 {
  width: 100%;
  position: static;
  transform: none;
  height:auto;
}

#visitor_menu ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 20px;
}

#next_detail_title {
	display: block;
}
#next_detail_title h1{
	width:100%;
}
#next_detail_title h1 span {
	padding: 10px;
	font-size: 20px;
}
.detail_pages .next_title p{
	padding:10px;
	font-size: 20px;
}
#next_main h2{
	padding: 10px;
	font-size: 18px;
}

.gaibu {
	width: 100%;
}
.detail_pages .next_title p span{
	margin-top: 0;
	font-size: 15px;
}
#next_detail_title::before {
	top: 50px;
}
#next_detail_title::after {
	top: 50px;
	display: none;
}
#next_detail_title {
	margin-bottom: 20px;
}

#next_main h3{
	font-size: 16px;
}

.border_box {
	padding: 10px;
}

.border_box p {
	font-size: 16px;
}

.border_box2 {
	padding: 10px;
}

.border_box2 p {
	font-size: 16px;
}

.float_right {
	float: none;
}

.float_right img {
	display: block;
	margin: 0 auto;
	text-align: center;
}

ul.arw3 {
	padding: 0 15px;
}

/********************************

            Admission

********************************/

.adphoto{
	margin-bottom:10px;
}

/********************************
         
			大学案内

********************************/

.kurumin {
	display: block;
	margin: 0 auto;
	text-align: center;
}

/********************************
         
		教育・学生生活

********************************/

p.zaikousei_btn {
  width: 90%;
  margin: 0 auto;
}

.next_main_menu {
  padding: 10px;
}

.next_main_menu ul.next_list {
	flex-wrap: wrap;
}

.next_main_menu ul.next_list li{
  width: 100%;
}

.table_box {
  flex-wrap: wrap;
}

.table_box-2 .table-cell {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

.table_box-2 .table-cell:last-child {
  width: 100%;
}

.table_box-3 .table-cell {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

.table_box-2-2 .table-cell {
	width: 100%;
	margin-right: 0;
  	margin-bottom: 10px;
}

.table_box-2-2 .table-cell:last-child {
    width: 100%;
    margin-right: 0;
}

.table_box .table-cell ul.col-2 li {
	width: 100%;
	margin-right: 0;
}

/********************************
         
			在学生

********************************/
.student {
  padding: 0 10px;
  box-sizing: border-box;
}

.student_news h2 span {
  display: block;
}

.student_news .menu {
  display: block;
  float: none;
}

.student_news .menu p {
  display: block;
  margin: 10px 0;
}

.student_news dl {
  flex-wrap: wrap;
}

.student_news dl dt {
  width: 100%;
  margin-right: 0;
}

.student_news dl dd {
  width: 100%;
}

.topicsList .youtube {
	margin-bottom: 20px;
}

.topicsList .youtube:last-child {
	margin-bottom: 0;
}


}/* sp */

@media screen and (min-width: 640px) {

.pc {
	display: block;
}

.sp {
	display: none !important;
}

/********************************

            ヘッダー

********************************/

header button {
	display: none;
}

/********************************

           グローバルメニュー

********************************/
nav ul li a:hover {
  /*background-color: #3f74c9;*/
  background-color: #04102d;
}

/********************************

            Youtube

********************************/
#youtube-wrap iframe {
  margin-top: -250px !important;
  margin-left: 0 !important;
}

.topicsList .youtube {
	display: inline-block;
	width: auto;
	padding: 0;
}

.topicsList .youtube iframe {
	padding: 0;
	position: static;
	width: auto !important;
	height: auto !important;
}

/*****************************

          Research

*****************************/
.research_box .research_box_col:nth-child(4) {
  margin-bottom: 0;
}

.research_box .research_box_col:nth-child(5) {
  margin-bottom: 0;
}

/*****************************

          次階層

*****************************/
.next_ol {
	margin-left: 3em;
}


} /* pc */