<div class="popup_wrap">
<input id="trigger" type="checkbox">
<div class="popup_overlay">
<label for="trigger" class="popup_trigger"></label>
<div class="popup_content">
<label for="trigger" class="close_btn">×</label>
<iframe id="myIframe" style="width:100%;height:100%;"></iframe>
</div>
</div>
</div>
<html>

    <script>
        function changeIframeSrc(newSrc) {
            document.getElementById("myIframe").src = newSrc;
        }
    </script>

<style>





.box img {
  animation:rotation-3d 1s ease-out,fadein 10s;
}
/* アニメーション */
@keyframes rotation-3d {
  0% {
    transform:  rotateZ(-60deg);
  }
  100% {
    transform:  rotateZ(360deg);
  }

  }
}


.flex-item label{
display:block;
}
.flex-item label:hover{
    color: #574094;
    background: #4f9aff26;
display:block;
}


.popup_wrap input {
display: none;
}
.popup_overlay {
display: flex;
justify-content: center;
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
transition: opacity 0.5s, transform 0s 0.5s;
transform: scale(0);
}

.popup_trigger {
position: absolute;
width: 100%;
height: 100%;
}

.popup_content {
position: relative;
align-self: center;
width: 90%;
padding: 30px 40px;
box-sizing: border-box;
background: #fff;
line-height: 1.4em;
transition: 0.5s;
text-align: justify;
}

.close_btn {
position: absolute;
top: 10px;
right: 10px;
font-size: 14px;
cursor: pointer;
padding:8px;
background: #f29c9f;
color: #fff;
border-radius:15px;
line-height:14px;
font-weight:bold;
}

.popup_wrap input:checked ~ .popup_overlay {
opacity: 1;
transform: scale(1);
transition: opacity 0.5s;
}

.popup_wrap input:checked ~ .popup_overlay .popup_content{
transform: translateY(50px);
}

.open_btn {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
justify-content: center;
align-items: center;
width: 200px;
height: 30px;
margin:10px auto;
color: #555;
background:fff;
padding: 20px 16px;
border:solid 1px #ccc;
font-weight: bold;
border-radius: 21px;
cursor: pointer;
transition: .3s ease;
}

.open_btn:hover{
background:#f29c9f;
border:solid 1px #f29c9f;
color:#fff;
transition: .3s ease;
}
</style>
<style>
.fade-in-text {
  position: relative;
  font-size: 44px;
  opacity: 0; /* 初めは透明に設定 */
  transform: translateY(100%); /* 下からスライドするために位置を下に設定 */
  animation: fadeInFromBottom 1s forwards; /* フェードインアニメーションの設定 */
}

@keyframes fadeInFromBottom {
  to {
    opacity: 1; /* アニメーション終了時に完全に表示 */
    transform: translateY(0); /* アニメーション終了時の位置 */
  }
}
</style>

<style>

body {
   background-color: white;            /* 背景色 */
   background-image: url("image/back.jpg"); /* 画像 */
   background-size: cover;               /* 全画面 */
   background-attachment: fixed;         /* 固定 */
   background-position: center center;   /* 縦横中央 */
}

.container {
  font-family: arial;
  font-size: 21px;
  margin: 25px;
  /* 準備 */
  position: relative;
min-height:600px;

    font-family: serif;
}

.child {
  width: 450px;
  height: 330px;

  outline: dashed 1px black;
  /* 水平・垂直方向の中央揃え */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
padding:20px;
}



@keyframes fadein {
  0% {
     opacity: 0.1;

  }
  50%{
     opacity: 1;

  }  100% {
     opacity: 1;

  }
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow:-1px 1px 7px 3px rgb(108 104 167 / 65%);
  /*width: 700px;*/
  margin: 0 auto;

}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #5ab4bd;
  background-color: white;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;


  animation: fadein 5s; /* フェードインアニメーションの設定 */


}
.tab_item:hover {
  opacity: 1;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,#main1:checked ~ #main1_content,#main2:checked ~ #main2_content,#main3:checked ~ #main3_content,#main4:checked ~ #main4_content,#main5:checked ~ #main5_content,#main6:checked ~ #main6_content


{
  display: block;

  animation-name: fadein;
  animation-fill-mode:forwards;
  animation-duration:1s;
}
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}


.flex-row {
  display: flex;
  gap: 4px;
}

.flex-row+.flex-row {
  margin-top: 4px;
}

.flex-item {
  background: #eff5ff;
  padding: 10px;
}

.flex-item:nth-child(1) {
font-size:21px;
text-align:center;

}

.flex-item:nth-child(2) {
  flex: 2;
}

.flex-item:nth-child(3) {
  flex: 1;
}


#tabcontrol a{
    display: inline-block;
    width: 100px;
    margin: 5px;
    background: ;
    color: gray;
    text-decoration: none;
    text-align: center;
font-size:15px;
}
#tabcontrol a:hover{
    background: #c9c4c4;
}


.okuler{
font-size:30px;
display:contents;
}

#tabbody div{
height:240px;
overflow:auto;
}

a{
color:black;
text-decoration: none;
}
a:hover{
color:red;
}
</style>

<body><div style="
    font-size: 30px;
    font-family: serif;
    color: #550589;
    font-weight: bold;"> 　<img src="image/logo.png" style="width:60px;
    vertical-align: middle;
    top: -5px;
    position: relative;"> 同志社大学経済学会 2024年度卒業記念</div>

<div class="container">

<div class="tabs">


    <input id="all" type="radio" name="tab_item" checked>
    <label class="tab_item" for="all" style="display:none;">経済学論叢 75(1)</label>
   <input id="main1" type="radio" name="tab_item">
    <label class="tab_item" for="main1">経済学論叢 76(1)</label>
   <input id="main2" type="radio" name="tab_item">
    <label class="tab_item" for="main2">経済学論叢 76(2.3)</label>
    <input id="main3" type="radio" name="tab_item">
    <label class="tab_item" for="main3">経済学論叢 76(4)</label>
    <input id="main4" type="radio" name="tab_item">
    <label class="tab_item" for="main4">贈る言葉</label>
    <input id="main5" type="radio" name="tab_item">
    <label class="tab_item" for="main5">Past and Present</label>
    <input id="main6" type="radio" name="tab_item">
    <label class="tab_item" for="main6">Doshisha College Song</label>

    <div class="tab_content" id="all_content">
<table>
<tr><td style="vertical-aligh:middle;" class="box"><img src="image/logo.png" width="100px"></td><td>
<div class="fade-in-text">同志社大学経済学会<br>2024年度卒業記念</div>


</td></tr>
<tr><td>　</td><td>　</td></tr>
<tr><td><img src="image/top.jpg"></td><td style="font-size:30px;vertical-align:bottom;">The Doshisha<br>Economic Association<br><span style="font-size:15px;">
経済学論叢　第76巻　2025年3月21日発行<br>同志社大学経済学会</span></td></tr>

</table>
</div>


    <div class="tab_content" id="main1_content">
        <section>
  <div class="flex-row" style="font-size:13px;">
    <div class="flex-item"><img src="image/1.jpg"><br>新島記念講堂（京田辺）</div>
    <div class="flex-item">同志社大学経済学会<br>経済学論叢75(1)<br>
<span style="text-align:center;display:block;color:red;">論説</span>
<label for="trigger" onclick="changeIframeSrc('pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf');">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></label><hr>
<label for="trigger" onclick="changeIframeSrc('pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf');">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></label><hr>
<label for="trigger" onclick="changeIframeSrc('pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf');">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></label><hr>
<label for="trigger" onclick="changeIframeSrc('pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf');">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></label><hr>
<label for="trigger" onclick="changeIframeSrc('pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf');">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></label><hr>

  </div>

  </div>


</section>
    </div>


    <div class="tab_content" id="main2_content">
        <section>
  <div class="flex-row" style="font-size:13px;">
    <div class="flex-item"><img src="image/3.jpg"><br>ツリー点灯式（今出川）</div>
    <div class="flex-item">同志社大学経済学会<br>経済学論叢76(2・3)<br>
<span style="text-align:center;display:block;color:red;">論説</span>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>

  </div>

  </div>


</section>
    </div>


    <div class="tab_content" id="main3_content">
        <section>
  <div class="flex-row" style="font-size:13px;">
    <div class="flex-item"><img src="image/2.jpg"><br>同志社礼拝堂（今出川）</div>
    <div class="flex-item">同志社大学経済学会<br>経済学論叢76(4)<br>
<span style="text-align:center;display:block;color:red;">論説</span>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>
<a href="pdf/同志社経済学論叢75-1.PDF/01-伊多波・八木.pdf">
京都三大祭りの社会的・経済的価値の評価<br>
<span style="text-align:right;display:block;">伊多　波良夫<br>八木　　　匡</span></a>


  </div>

  </div>


</section>
    </div>

    <div class="tab_content" id="main4_content">
<div id="tabbody">




<div id="tabpage0"><img src="image/t0.png" align="left" hspace="30"><p class="okuler">経済学部長
横井 和彦</p><br>みなさんには、同志社大学経済学部で学び、卒業したことに誇りをもってほしいと思います。
その誇りを保つことができますように次のことばを贈ります。
「兄弟たちよ。あなたがたにお勧めする。怠惰な者を戒め、小心な者を励まし、弱い者を助け、すべての人に対して寛容でありなさい。だれも悪をもって悪に報いないように心がけ、お互いに、またみんなに対して、いつも善を追い求めなさい。」（テサロニケ人への第一の手紙　5章14～15節）</div>
<div id="tabpage1"><img src="image/t1.png" align="left" hspace="30"><p class="okuler">荒渡 良</p><br></div>
<div id="tabpage2"><img src="image/t2.png" align="left" hspace="30"><p class="okuler">東 良彰</p><br></div>
<div id="tabpage3"><img src="image/t3.png" align="left" hspace="30"><p class="okuler">福岡 正章</p><br></div>
<div id="tabpage4"><img src="image/t4.png" align="left" hspace="30"><p class="okuler">船橋 恒裕</p><br></div>
<div id="tabpage5"><img src="image/t5.png" align="left" hspace="30"><p class="okuler">原田 禎夫</p><br></div>
<div id="tabpage6"><img src="image/t6.png" align="left" hspace="30"><p class="okuler">平田 大祐【新任】</p><br>卒業おめでとうございます。これからの人生には多くの挑戦が待ち受けていますが、皆さんが同志社大学で培った知識と経験がその全てを乗り越える力になるでしょう。新しいステージでの成功を心からお祈りしています。
という祝辞を生成AIが書いてくれました。「自分にできてAIにできないことは何か」という意識をもって皆さんが広く社会に貢献されることを期待しています。</div>
<div id="tabpage7"><img src="image/t7.png" align="left" hspace="30"><p class="okuler">本領 祟一</p><br></div>
<div id="tabpage8"><img src="image/t8.png" align="left" hspace="30"><p class="okuler">堀田 悠生</p><br></div>
<div id="tabpage9"><img src="image/t9.png" align="left" hspace="30"><p class="okuler">井原 悠至【新任】</p><br>ご卒業おめでとうございます。
大学では多くの知識を得るとともに、自ら問いを立て、答えるというアカデミックな考え方を培ってこられたと思います。
いま社会は情報が溢れ、何が真実なのかを見極めることが難しい時代を迎えています。
だからこそ皆さんが大学で身につけた批判的で探究的な考え方はより重要になっていくでしょう。
安易な答えに飛びつくことなく、しっかり考え抜く力を社会で存分に発揮してくれることを願っています。</div>
<div id="tabpage10"><img src="image/t10.png" align="left" hspace="30"><p class="okuler">石田 葉月</p><br></div>
<div id="tabpage11"><img src="image/t11.png" align="left" hspace="30"><p class="okuler">岩澤 政宗</p><br></div>
<div id="tabpage12"><img src="image/t12.png" align="left" hspace="30"><p class="okuler">笠井 高人</p><br></div>
<div id="tabpage13"><img src="image/t13.png" align="left" hspace="30"><p class="okuler">河島 伸子</p><br></div>
<div id="tabpage14"><img src="image/t14.png" align="left" hspace="30"><p class="okuler">岸 基史</p><br></div>
<div id="tabpage15"><img src="image/t15.png" align="left" hspace="30"><p class="okuler">北川 雅章</p><br></div>
<div id="tabpage16"><img src="image/t16.png" align="left" hspace="30"><p class="okuler">北坂 真一</p><br></div>
<div id="tabpage17"><img src="image/t17.png" align="left" hspace="30"><p class="okuler">小橋 晶</p><br></div>
<div id="tabpage18"><img src="image/t18.png" align="left" hspace="30"><p class="okuler">小林 千春</p><br></div>
<div id="tabpage19"><img src="image/t19.png" align="left" hspace="30"><p class="okuler">小藤 弘樹</p><br></div>
<div id="tabpage20"><img src="image/t20.png" align="left" hspace="30"><p class="okuler">古賀 康士</p><br></div>
<div id="tabpage21"><img src="image/t21.png" align="left" hspace="30"><p class="okuler">小暮 憲吾</p><br>ご卒業おめでとうございます。
人生は一度きり。後悔のないように毎日を楽しんでください。皆様の今後のご活躍を祈念いたします。</div>
<div id="tabpage22"><img src="image/t22.png" align="left" hspace="30"><p class="okuler">久保 德次郎</p><br></div>
<div id="tabpage23"><img src="image/t23.png" align="left" hspace="30"><p class="okuler">李 翔宇【新任】</p><br>皆さん、ご卒業おめでとうございます。
皆さんが旅立たれる同志社大学は、この秋創立150周年を記念する時を迎えます。同志社大学における学業を学び終えていま広く社会に門出する日を迎えられましたことに対し、心からお喜び申し上げます。皆さんは学生から社会人に急変しますが、今後も皆さんらしく夢に向かって活躍していくことを心から祈っています。</div>
<div id="tabpage24"><img src="image/t24.png" align="left" hspace="30"><p class="okuler">三俣 学</p><br></div>
<div id="tabpage25"><img src="image/t25.png" align="left" hspace="30"><p class="okuler">宮本 大</p><br></div>
<div id="tabpage26"><img src="image/t26.png" align="left" hspace="30"><p class="okuler">宮崎 耕</p><br></div>
<div id="tabpage27"><img src="image/t27.png" align="left" hspace="30"><p class="okuler">宮澤 和俊</p><br></div>
<div id="tabpage28"><img src="image/t28.png" align="left" hspace="30"><p class="okuler">茂見 岳志</p><br></div>
<div id="tabpage29"><img src="image/t29.png" align="left" hspace="30"><p class="okuler">長澤 勢理香</p><br></div>
<div id="tabpage30"><img src="image/t30.png" align="left" hspace="30"><p class="okuler">新関 三希代</p><br></div>
<div id="tabpage31"><img src="image/t31.png" align="left" hspace="30"><p class="okuler">西岡 幹雄</p><br></div>
<div id="tabpage32"><img src="image/t32.png" align="left" hspace="30"><p class="okuler">法雲 俊栄</p><br></div>
<div id="tabpage33"><img src="image/t33.png" align="left" hspace="30"><p class="okuler">大垣 昌夫【新任】</p><br>卒業生の皆さん、ご卒業おめでとうございます。少子高齢化による政府財政の悪化や環境問題など危機の時代が来ており、良心が全身に充満し、集団の各メンバーが集団の使命に貢献できるように奉仕するサーバント・リーダーの必要性が増しています。同志社大学で教育を受けられた皆さんがそのようなリーダーとして社会で活躍されることをお祈りいたします。</div>
<div id="tabpage34"><img src="image/t34.png" align="left" hspace="30"><p class="okuler">奥田 以在</p><br></div>
<div id="tabpage35"><img src="image/t35.png" align="left" hspace="30"><p class="okuler">大野 隆</p><br></div>
<div id="tabpage36"><img src="image/t36.png" align="left" hspace="30"><p class="okuler">小野塚 佳光</p><br></div>
<div id="tabpage37"><img src="image/t37.png" align="left" hspace="30"><p class="okuler">太下 義之</p><br></div>
<div id="tabpage38"><img src="image/t38.png" align="left" hspace="30"><p class="okuler">太田 直希【新任】</p><br>創立150周年の節目にご卒業の皆様、誠におめでとうございます。
同志社の長い歴史、大きな流れのなかで時を共にしたことは何かの縁であろうと感じます。
皆様の前途は広い世界に通じていて、これからはそれぞれの夢を歩いていかれると思いますが、ときに振り返れば同志社という心強い味方が、あらゆる挑みを励ましてくれることでしょう。
どうか安心して、素敵な未来をお過ごしください。
Dear my neighbors!</div>
<div id="tabpage39"><img src="image/t39.png" align="left" hspace="30"><p class="okuler">大谷 実【新任】</p><br>気ままに語らい、心の底から笑い合える大学時代の友人というものは、生涯の財産です。この先、友人のなかには、不運に見舞われ、苦難に直面する人も出てくることでしょう。卒業後、たとえ新生活に忙しくとも、一旦立ち止まり、かれらの話に耳を傾け、手を差し伸べてほしいと思っています。ご卒業おめでとうございます。</div>
<div id="tabpage40"><img src="image/t40.png" align="left" hspace="30"><p class="okuler">迫田 さやか</p><br>ご卒業おめでとうございます。
まずは、これまで皆さんを支えてこられた方々に卒業の報告と御礼を申し上げてください。
一生懸命、勉学に、学友との交流に努力された皆さんならば、同志社大学で得た学びや、築いた人間関係が支えになることと思います。
また、素敵な報告を寄せてください。今後の益々のご活躍を祈念しております。</div>
<div id="tabpage41"><img src="image/t41.png" align="left" hspace="30"><p class="okuler">佐藤 敦紘</p><br></div>
<div id="tabpage42"><img src="image/t42.png" align="left" hspace="30"><p class="okuler">鹿野 嘉昭</p><br></div>
<div id="tabpage43"><img src="image/t43.png" align="left" hspace="30"><p class="okuler">菅 一城</p><br></div>
<div id="tabpage44"><img src="image/t44.png" align="left" hspace="30"><p class="okuler">髙井 才明</p><br></div>
<div id="tabpage45"><img src="image/t45.png" align="left" hspace="30"><p class="okuler">竹廣 良司</p><br></div>
<div id="tabpage46"><img src="image/t46.png" align="left" hspace="30"><p class="okuler">谷村 智輝</p><br></div>
<div id="tabpage47"><img src="image/t47.png" align="left" hspace="30"><p class="okuler">手島 健介</p><br></div>
<div id="tabpage48"><img src="image/t48.png" align="left" hspace="30"><p class="okuler">角井 正幸</p><br>ご卒業おめでとうございます。

同志社で過ごす中で経験した
大きな困難も，小さな問題も
それを乗り越えたことを思い出して
これからの人生を生き切る糧としてください。</div>
<div id="tabpage49"><img src="image/t49.png" align="left" hspace="30"><p class="okuler">和田 喜彦</p><br></div>
<div id="tabpage50"><img src="image/t50.png" align="left" hspace="30"><p class="okuler">和田 美憲</p><br>経済学部で学んださまざまな知識をこれからの人生の糧にしてください。
そして「学ぶ」という活動を続け、社会で大きく飛躍してください。</div>
<div id="tabpage51"><img src="image/t51.png" align="left" hspace="30"><p class="okuler">八木 匡</p><br>マスメディアへの信頼の凋落、AIの急速な普及、激変する国際情勢、政治体制の変動と言った環境変化の中で、社会に旅立つ皆様にエールをお送りさせていただきます。
問題の本質を可能な限り深く探り、何が正しい情報であるかを識別するためには、問題の構造を把握する必要があります。構造を把握する論理思考能力は経済学の勉強を通じて養ってきております。この能力をこれからも伸ばしていき、激変する社会を乗り越えて行って下さい。</div>
<div id="tabpage52"><img src="image/t52.png" align="left" hspace="30"><p class="okuler">山森 亮</p><br></div>
<div id="tabpage53"><img src="image/t53.png" align="left" hspace="30"><p class="okuler">山本 和博【新任】</p><br>ご卒業おめでとうございます。
同志社大学で学んだこと、経験したこと、築いた人間関係は、皆さんにとってかけがえのない財産になったことと思います。それらを糧とし、今後は広い社会で大活躍をすることを期待しています。</div>
<div id="tabpage54"><img src="image/t54.png" align="left" hspace="30"><p class="okuler">横井 和彦</p><br></div>
<div id="tabpage55"><img src="image/t55.png" align="left" hspace="30"><p class="okuler">四谷 晃一</p><br></div>





</div>
<br clear="left">

<p id="tabcontrol" style="text-align:center;">
<a href="#tabpage0">学部長挨拶</a>
<a href="#tabpage1">荒渡　　良</a>
<a href="#tabpage2">東　　良彰</a>
<a href="#tabpage3">福岡　正章</a>
<a href="#tabpage4">船橋　恒裕</a>
<a href="#tabpage5">原田　禎夫</a>
<a href="#tabpage6">平田　大祐</a>
<a href="#tabpage7">本領　祟一</a>
<a href="#tabpage8">堀田　悠生</a>
<a href="#tabpage9">井原　悠至</a>
<a href="#tabpage10">石田　葉月</a>
<a href="#tabpage11">岩澤　政宗</a>
<a href="#tabpage12">笠井　高人</a>
<a href="#tabpage13">河島　伸子</a>
<a href="#tabpage14">岸　　基史</a>
<a href="#tabpage15">北川　雅章</a>
<a href="#tabpage16">北坂　真一</a>
<a href="#tabpage17">小橋　　晶</a>
<a href="#tabpage18">小林　千春</a>
<a href="#tabpage19">小藤　弘樹</a>
<a href="#tabpage20">古賀　康士</a>
<a href="#tabpage21">小暮　憲吾</a>
<a href="#tabpage22">久保德次郎</a>
<a href="#tabpage23">李　　翔宇</a>
<a href="#tabpage24">三俣　　学</a>
<a href="#tabpage25">宮本　　大</a>
<a href="#tabpage26">宮崎　　耕</a>
<a href="#tabpage27">宮澤　和俊</a>
<a href="#tabpage28">茂見　岳志</a>
<a href="#tabpage29">長澤勢理香</a>
<a href="#tabpage30">新関三希代</a>
<a href="#tabpage31">西岡　幹雄</a>
<a href="#tabpage32">法雲　俊栄</a>
<a href="#tabpage33">大垣　昌夫</a>
<a href="#tabpage34">奥田　以在</a>
<a href="#tabpage35">大野　　隆</a>
<a href="#tabpage36">小野塚佳光</a>
<a href="#tabpage37">太下　義之</a>
<a href="#tabpage38">太田　直希</a>
<a href="#tabpage39">大谷　　実</a>
<a href="#tabpage40">迫田さやか</a>
<a href="#tabpage41">佐藤　敦紘</a>
<a href="#tabpage42">鹿野　嘉昭</a>
<a href="#tabpage43">菅　　一城</a>
<a href="#tabpage44">髙井　才明</a>
<a href="#tabpage45">竹廣　良司</a>
<a href="#tabpage46">谷村　智輝</a>
<a href="#tabpage47">手島　健介</a>
<a href="#tabpage48">角井　正幸</a>
<a href="#tabpage49">和田　喜彦</a>
<a href="#tabpage50">和田　美憲</a>
<a href="#tabpage51">八木　　匡</a>
<a href="#tabpage52">山森　　亮</a>
<a href="#tabpage53">山本　和博</a>
<a href="#tabpage54">横井　和彦</a>
<a href="#tabpage55">四谷　晃一</a>

</p>

<script type="text/javascript">

   var tabs = document.getElementById('tabcontrol').getElementsByTagName('a');
   var pages = document.getElementById('tabbody').getElementsByTagName('div');

   function changeTab() {
      // ▼href属性値から対象のid名を抜き出す
      var targetid = this.href.substring(this.href.indexOf('#')+1,this.href.length);

      // ▼指定のタブページだけを表示する
      for(var i=0; i<pages.length; i++) {
         if( pages[i].id != targetid ) {
            pages[i].style.display = "none";
         }
         else {
            pages[i].style.display = "block";
            pages[i].style.animationName = "fadein";
            pages[i].style.animationDuration = "3s";
    var images = pages[i].getElementsByTagName("img");
        for (var j = 0; j < images.length; j++) {
            images[j].style.maxWidth = "400px";
            images[j].style.maxHeight = "200px";
        }
         }
      }

      // ▼クリックされたタブを前面に表示する
      for(var i=0; i<tabs.length; i++) {
         tabs[i].style.zIndex = "0";
      }
      this.style.zIndex = "10";

      // ▼ページ遷移しないようにfalseを返す
      return false;
   }

   // ▼すべてのタブに対して、クリック時にchangeTab関数が実行されるよう指定する
   for(var i=0; i<tabs.length; i++) {
      tabs[i].onclick = changeTab;
   }

   // ▼最初は先頭のタブを選択
   tabs[0].onclick();

</script>
</div>


    <div class="tab_content" id="main5_content">Doshisha University has its roots in the Doshisha English School, which was established in Kyoto in 1875, and is a comprehensive university consisting of 14 faculties and 16 graduate schools.
Founder Jo Niijima's passion for education has continued for approximately 150 years to the present day, and based on the school's founding spirit of ``Conscientious Education,'' we have cultivated ``human resources who can skillfully use their conscience,'' and we have continued to pursue education in economics, politics, and other fields. We continue to send out human resources who can play an active role in various fields such as religion, education, and social work to a wide range of society.<hr>
Doshisha University has its roots in the Doshisha English School, which was established in Kyoto in 1875, and is a comprehensive university consisting of 14 faculties and 16 graduate schools. Founder Jo Niijima's passion for education has continued for approximately 150 years to the present day, and based on the school's founding spirit of ``Conscientious Education,'' we have cultivated ``human resources who can skillfully use their conscience,'' and we have continued to pursue education in economics, politics, and other fields. We continue to send out human resources who can play an active role in various fields such as religion, education, and social work to a wide range of society.

</div>
    <div class="tab_content" id="main6_content"><iframe width="560" height="315" src="https://www.youtube.com/embed/sLAvNmcoKTw?si=MNIPXYh7BUVHKwkL" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

<script src="https://apis.google.com/js/platform.js"></script>

<div class="g-ytsubscribe" data-channelid="UCA99I1fOupwXeQUjXvLHB0w" data-layout="full" data-count="default"></div>


<div style="
    overflow: scroll;
    height: 300px;
    width: 100%;"> 
<div style="white-space: pre;">
Words by W.M. Vories
Music by Carl Wilhelm

1.One purpose, Doshisha, thy name
Doth signify; one lofty aim;
To train thy sons in heart and hand
To live for God and Native Land.
Dear Alma Mater, sons of thine
Shall be as branches to the vine;
Tho' through the world we wander far and wide,
Still in our hearts thy precepts shall abide!
2.We came to Doshisha to find
The broader culture of the mind;
We tarried here to learn anew
The value of a purpose true;
Dear Alma Mater, ours the part
To face the future staunch of heart,
Since thou hast taught us with high aim to stand
For God, for Doshisha, and Native Land!
3.When war clouds bring their dark alarms,
Ten thousand patriots rush to arms,
But we would through long years of peace
Our Country's name and fame increase.
Dear Alma Mater, sons of thine
Will hold their lives a trust divine.
Steadfast in purpose we will ever stand
For God, for Doshisha, and Native Land!
4.Still broader than our land of birth,
We've learned the oneness of our Earth;
Still higher than self-love we find
The love and service of mankind.
Dear Alma Mater, sons of thine
Would strive to live the life divine;
That we may with increasing years have stood
For God, for Doshisha, and Brotherhood!
</div>
</div>
</div>

</div>

</body>

<html>