html{height:100%;}

/* marginとpadding0指定でブラウザのデフォルト余白を無視する */
body{
width: 100%;
margin:0;
padding:0;
overflow-x: hidden;
min-height: 100%;
display: flex;
flex-direction: column;
font-family: 
"fot-tsukuardgothic-std",
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
"Yu Gothic UI",
}


/* リンクのレイアウト */

a
{text-decoration: none;
 color: #000000;}

a:hover
{color:#800000;}

/* ヘッダーのレイアウト */
.header
{width: 20%;
margin-left:1%;
padding-top:1%;
}

/* ヘッダー画像の大きさと場所。display:blockしないと位置移動できない */
.header img{width:100%;
display:block;
text-align:left;}



/* ****************メニューのレイアウト***************** */

.menu{width:100%;
background:#330065;
border-top: solid 2px #330065;
border-bottom: solid 2px #330065;}

.dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 80%;
  height:40px;
  margin: 0 auto;
  padding: 0;
 }

.dropmenu li{
  position: relative;
  width: calc(100%/7);
  float: left;
  margin: 0;
  padding:0;
  text-align: center;
 background:  #ffffff;
 line-height: 40px;
 }

.dropmenu li a{
  display: block;
  margin: 0;
  padding: 7.5px;
  background:#330065;
  color:#ffffff;
  text-shadow:1px 1px 1px #402CA0;
  font-weight:bold;
  font-size: 1vw;
  line-height: 45px;
  text-decoration: none;

}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 40px;
  left: 0;
  margin: 0;
  padding: 0;
}

.dropmenu li a:hover{
  background: #978CAB;
  color:#ffffff;
}

.dropmenu li:hover{
  background: #5c57ae;
  color:#ffffff;
}



/* ****************トップ画像のレイアウト***************** */

.phototop
{width:100%;
margin: 0.5% auto;
font-size:2rem;
}

.phototop img
{max-width: 100%;
 display:block;
 margin:auto;}

/* ****************トップページのバナーリンク系のレイアウト***************** */

.phototop2
{width:70%;
margin: 0.5% auto;
font-size:2rem;
}

.phototop2 img
{width: 20%;
 height:90%;
 display:inline-block;
}

/* ****************トップページ以外のページ題目***************** */

.headtitle{width:100%;
background:#efefff;
margin-top:1%;
}

.headtitle p{text-align:center;
font-size:2.3rem;
padding:3%;
margin-top:1%;}


/* ****************フッターのレイアウト***************** */

/* フッターの下部固定に必要 */

.frame2 {flex: 1;}

/* フッター */
.footer
{
width:100%;
text-align: center ;			/* テキスト、画像の真ん中寄せ */
height:1%;
position: bottom;
font-size:1rem;
margin: 0.5% auto;
border-top:solid 1px #706cae;
padding-top:0.2%;
}


/* ****************banner1(受験生応援サイト)のレイアウト***************** */

.banner1{width:70%;
margin:1% auto;}

.banner1 img{max-width:100%;
display:block;
margin:auto;}


/* ****************問い合わせレイアウト***************** */


.contact{width:90%;
margin: auto;
padding:1%;}

.contact img{width:20%;
display:block;
}

ul.contact{list-style:none;}

ul.contact li{font-size:0.9rem;
	text-align:left;
	width:70%;
	display: flex;
	align-items: center;
	height: 1.5rem;
}

ul.contact span{
	font-size: 1.5rem;
	padding-right: 1%;
}


/* ****************内容部分***************** */

.naiyou
{
width: 70%;
padding-top:1%;
padding-bottom:1%;
margin: 1% auto;
font-size: 1rem;
box-sizing: border-box;
text-align: left;
background:#ffffff;
}

p
{width:80%;
margin-left:9%;
padding:0.5%;
font-size:1rem;
 line-height:1.5rem;
letter-spacing:0.1rem;
white-space: pre-wrap;}


/* ****************個別ページの見出しの設定***************** */

h1.topic
{padding-bottom:1%;
margin-top:2%;
margin-bottom:2%;
font-size:1.3rem;
line-height:1.5rem;
text-align:center;
}

h1.topic:before,
h1.topic:after{content:"■";
color:#6356a3;
padding-left:1%;
padding-right:1%;}

/* ****************新着情報***************** */

p.whatsnew{
width:95%;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.3rem;
padding:2%;
margin-left:0;
margin-top:5%;
background:#e5e5ff;
border-left:solid 10px #330065;}


/* ****************ここからindexページのお知らせ部分のレイアウト***************** */

table.front
{
 width:100%;
 padding: 1%;
margin:auto;}

td.f1
{border-bottom: 0.1vw dotted #000000;
 width:15%;
 font-size:1rem;
 text-align:center;
 padding: 5px 0;}

td.f2
{border-bottom: 0.1vw dotted #000000;
 width:85%;
 font-size:1rem;
 text-align: center;
 padding: 5px 0;}

td.f3
{border-bottom: 0.1vw dotted #000000;
 width:15%;
 font-size:0.9rem;
 text-align:center;
 }

td.f4
{border-bottom: 0.1vw dotted #000000;
 width:85%;
 font-size:0.9rem;
 padding: 2%;
 letter-spacing:0.1rem;
 }


/* ****************『過去のお知らせ』文字のレイアウト***************** */
p.past
{width:90%;
 text-align:right;
 padding: 1%;
 font-size:0.9rem;}


/* ****************Youtubeのレイアウト***************** */


.video2{width:100%;
margin:0 auto;
text-align:center;
display:flex;
justify-content: space-between;}

/*aspectの部分はいじらないこと */
.video2 iframe{
width:50%;
height: auto;
margin:0 auto;
aspect-ratio:16/9;
padding-top:1%;}

p.ytitle{width:50%;
margin:auto;
font-size:0.8rem;}

.ytitle2{font-size:1.5rem;
 font-weight: bold;
letter-spacing:0.2rem;
width:50%;
margin: 3% auto;
}

.ytitle2 a{color:#6356a3;}

.ytitle2 a:hover{color:#800000;}


/* ****************カリキュラム***************** */



table.subject{width:50%;
margin:3% auto;
border-collapse: collapse;
}

th.hi{
width:10%;
background:#ffd1ff;
border:solid 0.1rem #bbb;
padding:1%;
text-align:center;
font-weight:bold;
}

th.se{
width:10%;
background:#d1d1ff;
border:solid 0.1rem #bbb;
padding:1%;
text-align:center;}

caption.grade{font-size:1.2rem;
font-weight:bold;
text-align:left;
}

table.subject td{
width:50%;
border: solid 0.1rem #bbb;
padding:1%;
letter-spacing:0.1rem;

}

ul.sub2022{
list-style:none;
}

ul.sub2022 li{
font-size:1rem;
padding:2%;
}

p.sup{width:70%;
font-size:0.9rem;
text-align:left;
}

table.classex{width:80%;
margin: 2% auto;
border: solid 0.1rem #bbb;
border-collapse: collapse;
}

table.classex th{width:10%;
padding:2%;
text-align:center;
border: solid 0.1rem #bbb;
background:#f5deb3;}

td.day{width:15%;
padding:3%;
text-align:center;
background:#f5deb3;
font-size:0.9rem;
border: solid 0.1rem #bbb;}

table.classex td{width:15%;
padding:3%;
text-align:center;
font-size:0.9rem;
border: solid 0.1rem #bbb;}

td.hissyu{background:#fafad2;}

/* ****************取得可能な資格の表***************** */

.photoss{width:80%;
margin:auto;
}

.photoss img{width:80%;
padding:1%;
display:block;
margin:auto;
}

.shikaku1{
/*width:40%;*/
box-sizing: border-box;
margin-left:2%;
/*margin-top:3%;*/
padding:0.5%;}

.shikaku{font-size:1rem;
list-style-type:square;
margin-left:10%;}

.shikaku li{padding:1%;}


/* ****************ここから就職率の表***************** */

/*collapseはtable間の隙間をなくす*/
.etop{width:70%;
border:solid 1px #000000;
margin-left: 15%;
margin-bottom:1%;
border-collapse:collapse;
}

.etop th{
border-bottom:solid 1px #000000;
background:#d1d1ff;
font-size:0.9rem;
text-align:center;
padding:0.5%;}

.etop td{width:20%;
text-align:center;
border-bottom:dotted 1px #000000;
font-size:0.9rem;
padding:0.5%;}


/* ****************ここから進路・就職先一覧表***************** */

/*〇年度の文字*/
p.stitle{font-size:1.2rem;
letter-spacing:0.1rem;
font-weight:bold;
padding-left:6%;}

table.shinro1{
width:60%;
margin-bottom:5%;
margin-left:15%;
border-collapse:collapse;
font-size:0.9rem;}

table.shinro1 th{
width:30%;
background:#e5e5ff;
border:solid 1px #000000;
padding:1%;
letter-spacing:0.1rem;
text-align:center;}

table.shinro1 td{
width:70%;
border:solid 1px #000000;
padding:1%;
letter-spacing:0.1rem;
}

table.shinro1 ul{margin-left:10%;}

table.shinro1 ul li{padding:0.5%;}


/* ****************ここから教職員紹介のレイアウト***************** */

.profframe{width:70%;
margin:3% auto;
display:flex;
flex-wrap:wrap;}

ul.prof2023{
width:20%;
margin-left:3%;
margin-bottom:3%;
border:solid 1px #000000;
list-style:none;
letter-spacing:0.1rem;
}

/*役職（教授など）*/
li.p1{
font-size:0.8rem;
padding:2%;}

/*名前*/
li.p2{font-size:1.3rem;
padding:2%;
font-weight:bold;}

/*研究分野*/
li.p3{font-size:1rem;
padding:2%;}


/* **********各教員個別のページ********** */

/*先生の名前*/
span.name2{
margin-left:15%;
font-size:2rem;
letter-spacing:0.2rem;
font-weight:bold;}

/*職名*/
span.position2{
font-size:1.5rem;
letter-spacing:0.2rem;}

/*研究分野、担当科目などのリスト*/
dl.profk{width:70%;
margin:auto;
padding-bottom:10%;
display:flex;
flex-wrap:wrap;
}

dl.profk dt{
width:20%;
font-size:0.9rem;
letter-spacing:0.1rem;
padding:1%;
background:#d1d1ff;
border-bottom:solid 1px #ffffff;
}

dl.profk dd{
width:75%;
font-size:0.9rem;
letter-spacing:0.1rem;
padding:1%;
border-bottom:solid 1px #dbdbff;
}


/*研究テーマのタイトル*/
p.ptitle{
width:80%;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.3rem;
padding:1%;
margin:1% auto;
background:#e5e5ff;
border-left:solid 10px #330065;
}

/*研究テーマの写真*/
.prophoto{
width:70%;
margin:auto;
display:flex;
flex-wrap:wrap;}

.pro2{width:40%;
font-size:0.9rem;
margin:auto;}

.pro2 img{width:100%;}


/* ****************大学院レイアウト***************** */


ul.master{width:90%;
padding-top:3%;
padding-bottom:1%;
margin:auto;}

ul.master li{padding-bottom:1%;
margin-left:15%;}


/* ****************出張講義のレイアウト***************** */


table.lect
{width:70%;
 margin: auto;
border-collapse:collapse;
letter-spacing:0.1rem;}

td.le1
{width:20%;
 border: solid 1px #000000;
 background:#d1d1ff;
 padding: 1% 1% 1% 1%;
 text-align: center;
 font-size:0.9rem; }


td.le2
{width:80%;
 border: solid 1px #000000;
 background:#d1d1ff;
 padding: 1% 1% 1% 1%;
 text-align: center;
 font-size:0.9rem; }


td.le3
{width:20%;
 border: solid 1px #000000;
 text-align: center;
 font-size:0.9rem; }

td.le4
{width:80%;
 border: solid 1px #000000;
 padding: 1%;
 font-size:0.9rem; }

p.lec{color:#ff0000;}

/* ****************各ページの写真と文章の設定***************** */

p.blog{width:50%;
margin:auto;
padding-bottom:5%;
white-space:pre-line;}


/*写真の大きさ設定*/
.photod{width:100%;
margin:auto;
display:block;
text-align:center;}

.photod img{width:80%;
padding-top:0.5%;}

ul.lunchmenu{width:50%;
margin:auto;
letter-spacing:0.1rem;
padding-bottom:1%;
}

ul.lunchmenu li{list-style-position:inside;
padding-top:1%;
}

p.gtitle{font-size:1.2rem;
letter-spacing:0.1rem;
font-weight:bold;
}


/* 事務室から */


.jimu{width:50%;
margin: 5% auto;
padding-top:2%;
padding-bottom:2%;
border:solid 1px #706cae;}

p.jimu1{width:90%;
margin-left:5%;
white-space: pre-wrap;
}

.jimu legend{margin-left:5%;
padding:0 1%;
font-size:1.2rem;
}

.pre1{width:50%;
margin:auto;
padding:1% 0;
white-space: pre-wrap;}