@charset "utf-8";
@media screen and (max-width:960px){

/*--------------
共通部分
--------------*/
body{
color: rgb(0, 0, 0);
font-size: 14px;
font-family: "Meiryo UI", 游ゴシック, YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
font-weight: 500;
line-height: 1.5;
}
.table01{
font-size: 12px;
}
.table01 a{
font-size: 12px;
}
.spNone{
display: none;
}
.imgVariable01 {
max-width: 300px;
margin: 0 auto;
}
.imgVariable01 img {
width: 100%;
height: auto;
}
.selectionArea table tbody td.spNone{
display: none;
}
header{
margin-bottom: 10px;
}
header .linkArea{
display: none;
}
header .logoArea{
width: 100%;
display: flex;
flex-direction: column;
position: relative;
}

header .logoArea h1 {
margin-bottom: 8px;
border-top: solid 2px #efefef;
border-bottom: solid 2px #efefef;
}
header .logoArea h1 a{
display: flex;
align-items: center;
width: 50%;
}
header .logoArea h1 a p{
font-size: 10px;
line-height: 1;
}
header .logoArea h1 a p span{
display: block;
font-size: 16px;
line-height: 1;
margin-top: 5px;
}
header .logoArea h1 .logo{
margin-right: 10px;
height: 50px;
width: 100%;
}
header .logoArea h1 .logo::before{
content: "";
background-image: url(/ad_portal/uploads/logo.svg);
display: block;
width: 100%;
height: 100%;
margin-top: 10px;
    background-size: auto;
}
header .sizeChange{
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
header .sizeChange p{
display: none;
}
header .sizeChange dl{
display: none;
}
header .sizeChange .linkButton{
width: 100%;
justify-content: flex-end;
display: flex;
}
header .sizeChange .linkButton a{
/* font-size: 14px;
padding: 0px 40px; */
font-size: 18px;
padding: 10px 0;
justify-content: center;
width: 100%;
box-sizing: border-box;
margin: 0 5px;
}
/* header .sizeChange .linkButton a i{
margin-right: 5px;
} */
header .sizeChange .linkButton a i.fa-book{
margin-right: 8px;
font-size: 20px;
}
.gnav{
display: none;
width: 100%;
position: absolute;
top: 52px;
z-index: 1;
right: 0px;
}
.gnav .inner{
display: flex;
flex-direction: column;
}
.gnav .inner .box{
background: #eeeeee;
}
.gnav .inner .box:not(:last-of-type){
border-bottom: 1px solid #FFFFFF;
}
.gnav .inner .box:nth-of-type(1),
.gnav .inner .box:nth-of-type(2),
.gnav .inner .box:nth-of-type(3),
.gnav .inner .box:nth-of-type(4)
{
width: 100%;
}
.gnav .inner .box:nth-of-type(1) div{
align-items: baseline;
}
.gnav .inner .box:nth-of-type(1) div:nth-of-type(2){
display: none;
}
.gnav .inner .box:nth-of-type(1) div ul:nth-of-type(1){
padding-bottom: 0;
width: 100%;
}
.gnav .inner .box:nth-of-type(1) div ul:nth-of-type(2){
padding-top: 0;
width: 100%;
}
.gnav .inner .box:nth-of-type(3) ul li a i:nth-of-type(1){
order: -2;		
}
.gnav .inner .box:nth-of-type(3) ul li a i:nth-of-type(2){
order: -1;
flex: 1;
}
.gnav .inner .box:nth-of-type(4) ul li a i:nth-of-type(1){
order: -2;
}
.gnav .inner .box:nth-of-type(4) ul li a i:nth-of-type(2){
order: -1;
flex: 1;
}
.gnav .inner .box .title{
background: #20b97b;
padding: 10px;
color: #ffffff;
font-size: 14px;
width: 100%;
box-sizing: border-box;
border-right: 1px solid #ffffff;
display: flex;
align-items: baseline;
justify-content: space-between;
}
.gnav .inner .box .title::after{
font-family: FontAwesome;
content : "\f138";
}
.gnav .inner .box .title i{
margin-right: 5px
}
.gnav .inner .box .title span{
flex: 1;
}
.gnav .inner .box ul{
padding: 10px;
box-sizing: border-box;
border-right: none;
display: none;
}
.gnav .inner .box ul li:first-of-type{
border-top: solid 1px #e0e0e0;;
}
.gnav .inner .box ul li{
border-bottom: solid 1px #e0e0e0;
}
.gnav .inner .box ul li a{
font-size: 14px;
display: flex;
align-items: baseline;
padding: 8px 0;
flex-direction: row-reverse;
justify-content: space-between;
}

.gnav .inner .box ul li a i:nth-of-type(1){
margin-right: 3px;
font-size: 10px;
}
.gnav .inner .box ul li a i:nth-of-type(2){
margin-left: 3px;
font-size: 10px;
}
.globalButton {
display: block;
position: absolute;
width: 50px;
height: 50px;
right: 1px;
top: 0;
border: solid 2px #efefef;
}
.globalButton span{
height: 2px;
width: 30px;
background: #006e41;
position: absolute;
opacity: 1;
transition: 0.3s;
}
.globalButton span:nth-of-type(1){
right: 10px;
top: 10px;
}
.globalButton span:nth-of-type(2){
right: 10px;
top: 22px;
}
.globalButton span:nth-of-type(3){
right: 10px;
top: 34px;
}
.globalButton.active {
background: #20b97b;
border: solid 2px #20b97b;
transition: 0.3s;
}
.globalButton.active span{
background: #FFFFFF;
transition: 0.3s;
}
.globalButton.active span:nth-of-type(1){
top: 24px;
transform: rotate(45deg);
transition: 0.3s;
}
.globalButton.active span:nth-of-type(2){
opacity: 0;
transition: 0.3s;
}
.globalButton.active span:nth-of-type(3){
top: 24px;
transform: rotate(-45deg);
transition: 0.3s;
}
.gnav.active{
display: block;
}
.gnav .inner .box:nth-of-type(1) div.active{
display: block;
}
.gnav .inner .box:nth-of-type(1) div.title.active{
display: flex;
}
.gnav .inner .box:nth-of-type(1) div.active ul{
display: block;
}
.gnav .inner .box ul.active{
display: block;
}
.main{
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
box-sizing: border-box;
padding:5px;
}
footer{
background: #e0e0e0;
}
footer .inner{
width: 100%;
margin: 0 auto;
padding: 20px 0 60px;
display: flex;
justify-content: space-between;
flex-direction: column;
}
footer .inner .linkArea{
display: flex;
justify-content: center;
}
footer .inner .linkArea a{
font-size: 12px;
}
footer .inner .linkArea ul{
display: flex;
flex-direction: column;
}
footer .inner .linkArea ul li:not(:last-of-type){
border-right:none;
}
footer .inner .linkArea ul li a{
padding: 0 20px;
}
footer .pageTop{
background: #ffffff;
text-align: center;
}
footer .pageTop a{
display: block;
font-size: 14px;
}
footer small{
font-size: 14px;
text-align: center;
}
footer .inner .linkArea a i.fa-facebook-official{
color: #305097;
font-size: 18px;
padding: 0 3px;
}
footer .inner .linkArea a i.fa-youtube-play{
color:#FF0000;
font-size: 18px;
padding: 0 3px;
}
.pcNone{
display: block;
}
/*--------------
ページ内リンク
--------------*/
.pageScrollNavi li {
	width: 50%;
}
/*--------------
トップページ
--------------*/
.homeBanner {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-width: 314px;
  margin: 0 auto;
}
.homeBanner::after {
  content: none;
}
.homeBanner a,
.homeBanner div {
  width: 100%;
  border-width: 2px;
  padding: 5px;
  -webkit-transition: none;
  transition: none;
  opacity: 1;
}
.homeLeft{
width: 100%;
}
.homeRight{
width: 100%;
}
.newsArea{
margin-bottom: 20px;
}
.newsArea .newsTitle{
border-bottom: solid 1px #20b97b;
padding: 0 0 8px;
display: flex;
justify-content: space-between;
align-items: center;
}
.newsArea .newsTitle a{
font-size: 12px;
}
.newsArea .newsTitle a i{
color: #20b97b;
margin-right: 5px;
}
.newsArea h2{
font-size: 18px;
font-weight: bold;
display: flex;
align-items: center;
}
.newsArea h2 img{
margin-right: 10px;
}
.newsArea ul li{
border-bottom: solid 2px #e0e0e0;
padding: 6px 0 8px;
}
.newsArea ul li div{
display: flex;
}
.newsArea ul li time{
font-size: 14px;
margin-right: 10px;
}
.newsArea ul li .cate{
width: 40px;
text-align: center;
display: flex;
align-items: center;
}
.newsArea ul li .cate a{
color: #ffffff;
height: 20px;
background: #000000;
border-radius: 2px;
}
.newsArea ul li a.title{
font-size: 14px;
color: #1aabc3;
}
.sidenavi h2{
background: #20b97b;
font-size: 16px;
color: #ffffff;
padding: 10px;
border-radius: 5px 5px 0 0;
}
.sidenavi h2 i{
margin-right: 10px;
}
.sidenavi .layout01{
margin-bottom: 15px;
}
.sidenavi .layout01 ul{

}
.sidenavi .layout01 ul li{
box-sizing: border-box;
border-bottom: 1px solid #ffffff;
}
.sidenavi .layout01 ul li a{
background: #eeeeee;
font-size: 14px;
display: flex;
padding: 12px 15px;
justify-content: space-between;
}
.sidenavi .layout01 ul li a span{
font-size: 10px;
display: block;
}
.sidenavi .layout02 a{
background: #eeeeee;
font-weight: bold;
font-size: 14px;
display: flex;
padding: 11px;
border-radius: 6px;
}
.qrbox{
margin-right: 20px;
}
/*--------------
過去問題?出題意図
--------------*/
.archive .departmentLink .box{
width: 100%;
height: 55px;
}
.archive .departmentLink .box .title{
width: 20%;
}
.archive .departmentLink .box .link{
width: 80%;
display: flex;
}
.archive .departmentLink .box .link p{
height: auto;
width: 50%;
}
.archive .departmentLink .box .link p:last-of-type{
border-top: none;
border-left: 1px solid #ffffff;
}
/*--------------
入学者受入れの方針
--------------*/
.policy .departmentLink .box{
width: 100%;
}
.policy .departmentLink .box .title{
width: 20%;
}
.policy .departmentLink .box.medicine .title{
justify-content: left;
padding: 0 10px;
}
.policy .departmentLink .box .link{
width: 80%;
display: flex;
}
.policy .departmentLink .box .link p{
height: auto;
width: 50%;
}
.policy .departmentLink .box .link p:last-of-type{
border-top: none;
border-left: 1px solid #ffffff;
}
.policy .departmentLink .box .link p a span{
flex: 1;
text-align: center;
}
/*--------------
キャンパス見学
--------------*/

.observe .imgBox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.observe .imgBox a{
width: 100%;
text-align: center;
}
/*--------------
講師派遣
--------------*/
.dispatch .imgBox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.dispatch .imgBox a{
width: 100%;
text-align: center;
}
/*--------------
資料請求
--------------*/
.requestBox .red,
.requestBox .blue{
width: 100%;
}
.requestBox .green{
width: 48%;
}
.requestBox .telemail,
.requestBox .line,
.requestBox .download{
width: 100%;
}
/*--------------
入学者選抜試験
--------------*/
.selectionArea table,
.selectionArea table tbody,
.selectionArea table tbody th,
.selectionArea table tbody td,
.selectionArea table tbody tr{
display: block;
padding: 0;
}
.selectionArea table thead{
display: none;
}
.selectionArea table tbody th{
border:none;
font-size: 18px;
display: flex;
align-items: center;
border-bottom: solid 1px #20b97b;
padding: 0 0px 8px;
margin:20px 0 10px;
}
.selectionArea table tbody th span{
flex: 1;
}
.selectionArea table tbody th::before{
content: "";
background-image: url(/ad_portal/uploads/icon-midashi.png);
display: block;
width: 20px;
height: 24px;
margin-right: 10px;
}
.selectionArea table tbody td .fa-file-pdf-o,
.selectionArea table tbody td .fa-window-restore,
.selectionArea table tbody td .fa-star{
position: static;
font-size: 14px;
}
.selectionArea table tbody td{
border:none;
text-align: left;
padding: 0;
margin-bottom: 10px;
}
.selectionArea table tbody td a{
display: inline-block;
padding: 0;
}
.selectionArea table tbody td.end a{
background: #FFFFFF;
}
.aoAll .all a{
height: auto;
display: inline-block;		
}
.recommendationAll .all a{
height: auto;
display: inline-block;
}
.selectionArea table tbody td a::before{
font-size:16px;
}
.selectionArea table tbody td.arts a::before{
content: "人文学部";
}
.selectionArea table tbody td.education a::before{
content: "教育学部";
}
.selectionArea table tbody td.econlaw a::before{
content: "経法学部";
}
.selectionArea table tbody td.science a::before{
content: "理学部";
}
.selectionArea table tbody td.medicine a::before{
content: "医学部";
}
.selectionArea table tbody td.medicine_science a::before{
content: "医学部 医学科";
}
.selectionArea table tbody td.medicine_health a::before{
content: "医学部 保健学科";
}
.selectionArea table tbody td.engineering a::before{
content: "工学部";
}
.selectionArea table tbody td.agriculture a::before{
content: "農学部";
}
.selectionArea table tbody td.textiles a::before{
content: "繊維学部";
}
.selectionArea table tbody td.all a::before{
content: "全体版";
}
.selectionArea table tbody td.all a::after{
position: static;
}
.selectionArea table tbody td.end{
background: #FFFFFF;
}
.selectionArea table tbody td.end a::after{
content: "出願期間外です。";
font-size:16px;
color: #000000;
}
.selectionArea table tbody tr.recommendationAll{
display: flex;
flex-direction: column;
}
.selectionArea table tbody tr.recommendationAll .pcNone{
order: 1;
}
.selectionArea table tbody tr.recommendationAll .all{
order: 2;
}
.selectionArea table tbody tr.recommendationAll th{
order: 3;
}
.selectionArea table tbody tr.recommendationAll td.arts{
order: 4;
}
.selectionArea table tbody tr.recommendationAll td.education{
order: 5;
}
.selectionArea table tbody tr.recommendationAll td.econlaw{
order: 6;
}
.selectionArea table tbody tr.recommendationAll td.science{
order: 7;
}
.selectionArea table tbody tr.recommendationAll td.medicine{
order: 8;
}
.selectionArea table tbody tr.recommendationAll td.medicine_science{
order: 8;
}
.selectionArea table tbody tr.recommendationAll td.medicine_health{
order: 8;
}
.selectionArea table tbody tr.recommendationAll td.engineering{
order: 9;
}
.selectionArea table tbody tr.recommendationAll td.agriculture{
order: 10;
}
.selectionArea table tbody tr.recommendationAll td.textiles{
order: 10;
}
.selectionArea table tbody td .selectionNotes {
  font-size: 114.3%;
  padding: 0;
  display: inline;
}
/*--------------
オープンキャンパス
--------------*/
.mainImage{
margin-bottom: 10px;
height: auto;
overflow: hidden;
}
.opencampusArea a{
width: 100%;
}
.opencampusArea a .left{
width: 30%;
}
.opencampusArea a .right{
width: 70%;
}
/*--------------
過去の選抜状況
--------------*/
.past-selection .departmentLink .box{
width: 100%;
}
.past-selection .departmentLink .box .link{
width: 100%;
}
/*--------------
大学進学相談会
--------------*/
.guidance p.data{
text-align: left;
}
.guidance table thead{
display: none;
}
.guidance table,
.guidance table tbody,
.guidance table tr,
.guidance table th,
.guidance table td{
display: block;
}
.guidance table{
border: none;
}
.guidance table tr{
margin-bottom: 10px;
}
.guidance table tr td{
width: 100%;
box-sizing: border-box;
border-top: none;
}
.guidance table tr td:nth-of-type(1){
border-top: solid 1px #e0e0e0;
}
.guidance table tr td:nth-of-type(2),
.guidance table tr td:nth-of-type(3),
.guidance table tr td:nth-of-type(4),
.guidance table tr td:nth-of-type(5){
display: flex;
padding: 0 10px;
align-items: center;
}
.guidance table tr td:nth-of-type(2)::before,
.guidance table tr td:nth-of-type(3)::before,
.guidance table tr td:nth-of-type(4)::before,
.guidance table tr td:nth-of-type(5)::before{
border-right: solid 1px #e0e0e0;
}
.guidance table tr td:nth-of-type(2)::before{
content: "開催イベント";
width: 20%;
padding: 10px 0;
margin-right: 10px;
}
.guidance table tr td:nth-of-type(3)::before{
content: "会場";
width: 20%;
padding: 10px 0;
margin-right: 10px;
}
.guidance table tr td:nth-of-type(4)::before{
content: "住所";
width: 20%;
padding: 10px 0;
margin-right: 10px;
}
.guidance table tr td:nth-of-type(5)::before{
content: "備考";
width: 20%;
padding: 10px 0;
margin-right: 10px;
}
/*--------------
学部案内、就職?進路、取得可能免許?資格
--------------*/
.faculty .departmentLink .box{
width: 100%;
}
.faculty .routeArea{
padding: 20px;
}
.faculty .routeArea .routebox{
width: 45%;
}
.faculty .entryTable tr td:nth-of-type(1){
width: 30%;
background: #fafafa;
}
.faculty .contactLink{
width: 100%;
}
.faculty .imageArea figure{
width: 100%;
margin-bottom: 20px;
}
.faculty .imageArea figure:last-of-type{
margin: 0;   
}
/*--------------
インターネット出願
--------------*/
.internetshutugan .bannerShutugan {
font-size: 110%;
}
}