<style>
/* Special Banner: YouTube Image + 2 Images*/
#float_left_banner1 {
float: left;
width: 32.9%;
margin: 0;
}
#float_left_banner2, #float_left_banner3 {
float: left;
width: 32.9%;
margin: 0 0 0 0.56%;
padding: 0;
}
#float_left_banner2 a img, #float_left_banner3 a img {
width: 100%;
height: 240px;
}
.clear_box {
clear: both;
height: 0;
}
@media screen and (max-width: 959px) {
#float_left_banner1 {
width: 100%;
margin: 0 0 0 0;
}
#float_left_banner2, #float_left_banner3 {
width: 100%;
margin: 1em 0 0 0;
}
#float_left_banner2 a img, #float_left_banner3 a img {
height: auto;
}
}
</style>
<div id="float_left_banner1"><a href="https://youtu.be/7RV8rVx1DaU" title="Temple Made."><img src="/sites/japan/files/TempleMade_464x240.png" alt="Temple Made."></div>
<div id="float_left_banner2"><a href="/jp/kyoto" data-lang-orig=""><img src="/sites/japan/files/KyotoSakura_Jp_464x240.png" alt="TUJ京都"></a></div>
<div id="float_left_banner3"><a href="/jp/ug/info-sessions" data-lang-orig=""><img src="/sites/japan/files/Kyoto_OC0525_Jp_464x240.png" alt="大学学部課程 オープンキャンパス(TUJ京都)"></a></div>
<div class="clear_box"> </div>
<style>
body.tu-layout-theme-rebrand main > .region-content h2.gold_h2 {
text-transform: uppercase;
border-bottom: 3px solid #BAA682;
line-height: 1.8;
margin-bottom: 1em;
}
body.tu-layout-theme-rebrand main > .region-content h2.gold_h2_mb0 {
text-transform: uppercase;
border-bottom: 3px solid #BAA682;
line-height: 1.8;
margin-bottom: 0;
}
body.tu-layout-theme-rebrand .paragraphs-bundle--tu_pg_image .paragraphs-bundle__stage img {
width: 100vw !important;
padding: 0 !important;
margin-left: 50% !important;
position: relative;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
max-width: none !important;
}
/* Programs Link */
#float_left_box1 {
float: left;
width: 45%;
margin: 0 5% 0 0;
padding: 0;
}
#float_left_box2 {
float: left;
width: 45%;
margin: 0 0 0 5%;
padding: 0;
}
#top_programs, #top_infofor {
font-family: "Roboto Condensed", sans-serif;
font: bold;
}
#top_programs a, #top_infofor a {
float: left;
width: 100%;
color: #343434;
text-decoration-line: none;
line-height: 2em;
padding: 0.25em 0.5em;
background: #FFFFFF;
border-bottom: thin solid #f1efe8;
}
#top_programs a:hover, #top_infofor a:hover {
color: #9E1B34;
background: #f1efe8;
}
#top_programs div:first-child a, #top_infofor div:first-child a {
border-top: medium solid #baa682;
}
#top_programs div:last-child a, #top_infofor div:last-child a {
border-bottom: medium solid #baa682;
}
#top_programs a:before{
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}
#top_infofor a:before {
color: #9E1B34;
content: "\025b6\00a0";
text-align: left;
}
@media screen and (max-width: 959px) {
#float_left_box1 {
width: 100%;
margin: 0 0 0 0;
}
#float_left_box2 {
width: 100%;
margin: 2em 0 0 0;
}
}
/* TUJ Social Media */
#top_socialicons {
margin-top: 1em;
}
#top_socialicons a {
color: #343434;
}
#top_socialicons a:hover {
color: #9E1B34;
}
</style>
<h2 class="gold_h2_mb0">学生インタビュー</h2>
<h2 class="gold_h2_mb0">Special Features</h2>
<style>
#icon_area {
text-align: center;
margin-bottom: 0;
}
#icon_area span {
margin-right: 1.5em;
}
#icon_area span.icon_last {
margin-right: 0;
}
#icon_area span a {
color: #2C2C2C;
text-decoration: none;
font-size: 28px;
}
#icon_area span a:hover {
color: #A41E35;
}
</style>
<link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.4.2/css/all.css">
<h2 class="gold_h2">公式SNSアカウント</h2>
<div id="icon_area">
<span><a href="https://www.facebook.com/templeunivjapan" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></span>
<span><a href="https://www.tiktok.com/@templeunivjapan" target="_blank"><i class="fa-brands fa-tiktok"></i></a></span>
<span><a href="https://twitter.com/templeunivjapan" target="_blank"><i class="fa-brands fa-x-twitter"></i></a></span>
<span><a href="https://www.instagram.com/templeunivjapan/" target="_blank"><i class="fa-brands fa-instagram"></i></a></span>
<span><a href="https://www.youtube.com/c/TempleUniversityJapanCampus" target="_blank"><i class="fa-brands fa-youtube"></i></a></span>
<span class="icon_last"><a href="https://www.linkedin.com/school/templeunivjapan" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></span>
</div>
<div class="embedsocial-hashtag" data-ref="3144a3e08e1079115dfee2c3146d41d5d941a310"></div> <script> (function(d, s, id) { var js; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://embedsocial.com/cdn/ht.js"; d.getElementsByTagName("head")[0].appendChild(js); }(document, "script", "EmbedSocialHashtagScript")); </script>