@charset "utf-8";


/*--------------------------------------------------------------------------
Kyoto Sangyo University
* version: 1.0
* author : loftwork Inc.
--------------------------------------------------------------------------*/



/*-------------------------------------
initial
-------------------------------------*/
body {min-width:1020px;}



/*-------------------------------------
common
-------------------------------------*/
.sp {display:none !important;}
.inner {
  width:1020px;
  margin:0 auto;
}



/*-------------------------------------
header
-------------------------------------*/
#header {
  font-size:1.2rem;
  background-position:0 -webkit-calc(100% - 30px);
  background-position:0 calc(100% - 30px);
}

/* logo
-------------------------------------*/
#h-logo {margin:26px 0;}
#h-logo a {width:200px;}
#h-logo a:hover {opacity:.7;}

/* btns
-------------------------------------*/
#h-btns {display:none;}

/* nav : menu, target
-------------------------------------*/
#h-nav .h-close {display:none;}

/* menu
-------------------------------------*/
/* link */
#h-link ul {
  position:absolute;
  top:12px;
  right:460px;
  padding:6px 0;
  border-right:1px dotted #039;
}
#h-link li {
  display:table-cell;
  padding-right:20px;
}
#h-link li a {color:#039;}
#h-link li a:hover {opacity:.7;}
#h-link p,
#h-link p a {background-image:url(/common-wr/img/header_request.png);}
#h-link p {
  position:absolute;
  top:0;
  right:0;
  background-position:0 -40px;
}
#h-link p a {
  width:120px;
  height:40px;
  white-space:nowrap;
  text-indent:100%;
  overflow:hidden;
}
#h-link p a:hover {opacity:0;}
/* lang */
#h-lang {
  position:absolute;
  z-index:2;
  top:12px;
  right:360px;
}
#h-lang p {
  cursor:pointer;
  padding:6px 12px;
  padding-right:24px;
  color:#039;
  background-color:#fff;
  background-image:url(/common-wr/img/arrow_bottom_blue.png);
  background-repeat:no-repeat;
  background-position:-webkit-calc(100% - 8px) 50%;
  background-position:calc(100% - 8px) 50%;
  background-size:8px;
}
#h-lang p.js-active {
  color:#fff;
  background-color:#039;
  background-image:url(/common-wr/img/arrow_bottom_white.png);
}
#h-lang ul {
  display:none;
  color:#333;
  background-color:#fff;
  border:1px solid #039;
}
#h-lang li a,
#h-lang li span {padding:8px 12px;}
#h-lang li a {color:#666;}
#h-lang li a:hover {color:#ff3a6d;}
#h-lang li span {background:#dae6ff;}
/* search */
#h-search {
  position:absolute;
  top:10px;
  right:140px;
}
#h-search input[type="text"] {
  width:156px;
  height:26px;
  line-height:18px;
  background-color:#efefef;
  border-radius:4px 0 0 4px;
}
#h-search input[type="submit"] {
  width:32px;
  height:26px;
  background-color:#747474;
  background-image:url(/common-wr/img/header_search_pc.png);
  background-size:14px;
  border-radius:0 4px 4px 0;
}
/* sitemap */
#h-sitemap {display:none;}
/* gnav */
#h-gnav {
  position:relative;
  display:table;
}
#h-gnav > li {
  display:table-cell;
  border-right:1px solid #4d71b8;
}
#h-gnav > li:last-child {border-right:0;}
#h-gnav > li > a {
  width:112px;
  height:80px;
  background-color:#039;
  background-image:url(/common-wr/img/header_gnav_pc.png);
  white-space:nowrap;
  text-indent:120px;
  overflow:hidden;
}
#h-gnav > li:nth-child(2n) > a {width:113px;}
#h-gnav > li > .current {background-color:#00246b !important;}
#h-gnav .gnav01 > a {background-position:0 0;}
#h-gnav .gnav02 > a {background-position:-113px 0;}
#h-gnav .gnav03 > a {background-position:-226px 0;}
#h-gnav .gnav04 > a {background-position:-339px 0;}
#h-gnav .gnav05 > a {background-position:-452px 0;}
#h-gnav .gnav06 > a {background-position:-566px 0;}
#h-gnav .gnav07 > a {background-position:-680px 0;}
#h-gnav .gnav08 > a {background-position:-793px 0;}
#h-gnav .gnav09 > a {background-position:-907px 0;}
#h-gnav > li:hover > a {background-color:#00246b;}
#h-gnav .gnav01:hover > a {background-position:0 -80px;}
#h-gnav .gnav02:hover > a {background-position:-113px -80px;}
#h-gnav .gnav03:hover > a {background-position:-226px -80px;}
#h-gnav .gnav04:hover > a {background-position:-339px -80px;}
#h-gnav .gnav05:hover > a {background-position:-452px -80px;}
#h-gnav .gnav06:hover > a {background-position:-566px -80px;}
#h-gnav .gnav07:hover > a {background-position:-680px -80px;}
#h-gnav .gnav08:hover > a {background-position:-793px -80px;}
#h-gnav .gnav09:hover > a {background-position:-907px -80px;}
#h-gnav > li:hover > .js-default {background-color:#039;}
#h-gnav .gnav01:hover > .js-default {background-position:0 0;}
#h-gnav .gnav02:hover > .js-default {background-position:-113px 0;}
#h-gnav .gnav03:hover > .js-default {background-position:-226px 0;}
#h-gnav .gnav04:hover > .js-default {background-position:-339px 0;}
#h-gnav .gnav05:hover > .js-default {background-position:-452px 0;}
#h-gnav .gnav06:hover > .js-default {background-position:-566px 0;}
#h-gnav .gnav07:hover > .js-default {background-position:-680px 0;}
#h-gnav .gnav08:hover > .js-default {background-position:-793px 0;}
#h-gnav .gnav09:hover > .js-default {background-position:-907px 0;}
#h-gnav .subnav {
  position:absolute;
  z-index:10;
  left:0;
  top:78px;
}
#h-gnav .subnav-inner {
  position:relative;
  z-index:2;
  display:table;
  table-layout:fixed;
  width:1020px;
  background:#fff;
}
#h-gnav .subnav dl {
  display:table-cell;
  min-width:254px;
  border-right:1px solid #a6a6a6;
}
#h-gnav .subnav dl:last-child {border-right:0;}
#h-gnav .subnav dl.wide {
  width:510px;
  background-image:url(/common-wr/img/header_gnav_line.png);
  background-repeat:repeat-y;
  background-position:254px 0;
}
#h-gnav .subnav dl.wide dd ul {
  float:left;
  width:254px;
}
#h-gnav .subnav dl.wide dd ul + ul {margin-left:1px;}
#h-gnav .subnav dt a,
#h-gnav .subnav dt span {
  padding:0 20px;
  line-height:60px;
  font-weight:bold;
  font-size:1.6rem;
  background-color:#e3e3e3;
}
#h-gnav .subnav dt a {
  padding-right:40px;
  color:#039;
  background-color:#e3e3e3;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  background-position:-webkit-calc(100% - 20px) 50%;
  background-position:calc(100% - 20px) 50%;
  background-size:8px;
}
#h-gnav .subnav dt a:hover {
  color:#ff3a6d;
  background-color:#d7d7d7;
}
#h-gnav .subnav dt span {color:#5b5b5b;}
#h-gnav .subnav dd {padding:12px 0;}
#h-gnav .subnav dd:before,
#h-gnav .subnav dd:after {content:"";display:table;}
#h-gnav .subnav dd:after {clear:both;}
#h-gnav .subnav dd a {
  padding:8px 20px 8px 36px;
  background-position:20px -webkit-calc(8px + .35em);
  background-position:20px calc(8px + .35em);
}
#h-gnav .subnav dd a:hover {
  background-color:#f2f2f2;
  background-image:url(/common-wr/img/tri_right_pink.png);
}
#h-gnav .subnav-back {
  position:fixed;
  left:0;
  top:180px;
  width:100%;
  height:100%;
  margin-top:-2px;
  background:#000;
  opacity:.7;
}
#h-gnav .subnav-close {
  position:relative;
  z-index:2;
  margin-top:25px;
  padding-top:25px;
  color:#fff;
  font-size:1rem;
  text-align:center;
  background-image:url(/common-wr/img/header_close.png);
  background-repeat:no-repeat;
  background-position:50% 0;
  background-size:20px;
}

/* target
-------------------------------------*/
#h-target {
  position:absolute;
  top:60px;
  right:0;
}
#h-target a {
  padding-left:12px;
  color:#333;
  background-image:url(/common-wr/img/tri_right_gray.png);
  background-repeat:no-repeat;
  background-position:0 50%;
  background-size:6px;
}
#h-target a:hover {
  color:#717171;
  background-image:url(/common-wr/img/tri_right_pink.png);
}
#h-target ul {
  padding-left:18px;
  background-image:url(/common-wr/img/header_target.png);
  background-repeat:no-repeat;
  background-size:18px;
}
#h-target li {
  display:inline-block;
  margin-left:15px;
  padding:2px 0;
}



/*-------------------------------------
header fixed
-------------------------------------*/
.fixed #header {
  position:fixed;
  left:0;
  top:0;
  width:100%;
  background-position:0 -webkit-calc(100% - 20px);
  background-position:0 calc(100% - 20px);
}
.fixed #h-logo {margin:10px 0;}
.fixed #h-logo a {width:150px;}
.fixed #h-lang,
.fixed #h-search {display:none;}
.fixed #h-gnav > li > a {height:38px;}
.fixed #h-gnav .gnav01 > a {background-position:0 -42px;}
.fixed #h-gnav .gnav02 > a {background-position:-113px -42px;}
.fixed #h-gnav .gnav03 > a {background-position:-226px -42px;}
.fixed #h-gnav .gnav04 > a {background-position:-339px -42px;}
.fixed #h-gnav .gnav05 > a {background-position:-452px -42px;}
.fixed #h-gnav .gnav06 > a {background-position:-566px -42px;}
.fixed #h-gnav .gnav07 > a {background-position:-680px -42px;}
.fixed #h-gnav .gnav08 > a {background-position:-793px -42px;}
.fixed #h-gnav .gnav09 > a {background-position:-907px -42px;}
.fixed #h-gnav .gnav01:hover > a {background-position:0 -122px;}
.fixed #h-gnav .gnav02:hover > a {background-position:-113px -122px;}
.fixed #h-gnav .gnav03:hover > a {background-position:-226px -122px;}
.fixed #h-gnav .gnav04:hover > a {background-position:-339px -122px;}
.fixed #h-gnav .gnav05:hover > a {background-position:-452px -122px;}
.fixed #h-gnav .gnav06:hover > a {background-position:-566px -122px;}
.fixed #h-gnav .gnav07:hover > a {background-position:-680px -122px;}
.fixed #h-gnav .gnav08:hover > a {background-position:-793px -122px;}
.fixed #h-gnav .gnav09:hover > a {background-position:-907px -122px;}
.fixed #h-gnav .gnav01:hover > .js-default {background-position:0 -42px;}
.fixed #h-gnav .gnav02:hover > .js-default {background-position:-113px -42px;}
.fixed #h-gnav .gnav03:hover > .js-default {background-position:-226px -42px;}
.fixed #h-gnav .gnav04:hover > .js-default {background-position:-339px -42px;}
.fixed #h-gnav .gnav05:hover > .js-default {background-position:-452px -42px;}
.fixed #h-gnav .gnav06:hover > .js-default {background-position:-566px -42px;}
.fixed #h-gnav .gnav07:hover > .js-default {background-position:-680px -42px;}
.fixed #h-gnav .gnav08:hover > .js-default {background-position:-793px -42px;}
.fixed #h-gnav .gnav09:hover > .js-default {background-position:-907px -42px;}
/* sub */
.fixed #h-gnav .subnav {top:36px;}
.fixed #h-gnav .subnav-back {top:96px !important;}
.fixed #h-target {top:21px;}
.fixed #h-target a {
  padding-left:0;
  background-image:none;
}
.fixed #h-target a:hover {
  background-image:none;
}
.fixed #h-link ul {
  top:18px;
  right:560px;
  border-right:0;
}
.fixed #h-link p {display:none;}


/*-------------------------------------
pagetop
-------------------------------------*/
#pagetop {
  position:fixed;
  right:15px;
  bottom:15px;
  z-index:2;
}
#pagetop a:hover {color:#00246b;}
#pagetop a:hover:before {background-color:#00246b;}
#pagetop a:hover:after {
  border:6px solid #00246b;
  border-bottom:6px solid #faff40;
}



/*-------------------------------------
footer
-------------------------------------*/
#footer {font-size:1.2rem;}

/* menu
-------------------------------------*/
#f-menu {padding:15px 0;}
#f-menu li {margin-right:25px;}
#f-menu li:last-child {
  float:right;
  margin-right:0;
}
#f-menu li a:hover {color:#039;}

/* info : logo, social
-------------------------------------*/
#f-info .inner {
  display:table;
  line-height:1.4;
  padding:30px 0;
}
#f-info .inner > * {
  display:table-cell;
  vertical-align:middle;
}
#f-info a:hover {opacity:.7;}
/* logo */
#f-logo dt,
#f-logo dd {
  display:inline-block;
  vertical-align:middle;
}
#f-logo dt img {width:177px;}
#f-logo dd {
  margin-left:20px;
  font-size:1.3rem;
}
/* social */
#f-social {text-align:right;}
#f-social dt {display:none;}
#f-social dd li {
  display:inline-block;
  margin-right:15px;
  padding:10px 0 10px 20px;
  border-left:1px solid #d2d2d2;
}
#f-social dd li:first-child {
  border-left:0;
  padding-left:0;
}
#f-social dd li:last-child {
  margin-right:0;
}
#f-social dd a {height:27px;}



/*-------------------------------------
contents
-------------------------------------*/
#contents {
  margin:-30px 0 100px;
  padding-top:45px;
  background:url(/common-wr/img/body_bg_pc.png) repeat-x;
}
.fixed #contents {
  margin-top:-20px;
  padding-top:35px;
}



/*-------------------------------------
/* breadcrumb
-------------------------------------*/
#breadcrumb {
  padding-bottom:5px;
  font-size:1.3rem;
}
#breadcrumb a:hover {text-decoration:underline;}
#breadcrumb li {background-position:0 .4em;}
#breadcrumb li:first-child {background-position:0 .15em;}



/*-------------------------------------
side
-------------------------------------*/
#side {
  float:right;
  width:230px;
  font-size:1.3rem;
}

/* title
-------------------------------------*/
#side h2 a:hover {opacity:.7;}

/* navi
-------------------------------------*/
#side .navi a:hover,
#side .navi .current:hover {color:#ff3a6d;}
/* 1st */
#side .navi > li > a:hover,
#side .navi > li > .current:hover {
  background-image:url(/common-wr/img/arrow_right_pink.png);
  background-color:#f7f7f7;
}
/* 2nd */
#side .navi > li > ul > li {font-size:1.2rem;}
#side .navi > li > ul > li > a {
  background-position:12px -webkit-calc(12px + .45em);
  background-position:12px calc(12px + .45em);
}
#side .navi > li > ul > li > a:hover {
  background-image:url(/common-wr/img/tri_right_pink.png);
  background-color:#e7e7e7;
}

/* banner
-------------------------------------*/
#side .banner {
  margin-top:25px;
  padding:24px;
  background-color:#f2f2f2;
}
#side .banner a:hover {opacity:.7;}



/*-------------------------------------
main
-------------------------------------*/
#main {
  float:left;
  width:-webkit-calc(100% - 270px);
  width:calc(100% - 270px);
  font-size:1.5rem;
  overflow:hidden;
}
#main:only-child {
  float:none;
  width:100%;
}

/* common
-------------------------------------*/
#main > div {margin-bottom:30px;}
#main-body #main > div {margin-bottom:0;}

/* anchor
-------------------------------------*/
#main a:hover {text-decoration:underline;}
/* img */
#main a.overimg {
  position:relative;
  display:block;
}
#main a.overimg:after {
  position:absolute;
  left:0;
  top:0;
  content:"";
  width:100%;
  height:100%;
  background-color:#000;
  z-index:2;
  opacity:0;
}
#main a.overimg:hover:after {opacity:.3;}
/* btn */
#main a.btn {
  font-size:1.6rem;
  min-width:200px;
}
#main a.btn:hover {
  color:#faff3e !important;
  background-color:#00246b;
  background-image:url(/common-wr/img/arrow_right_yellow.png);
  text-decoration:none;
}
#main a.btn[target=_blank]:hover {background-image:url(/common-wr/img/link_external_yellow.png);}
#main a.btn-yellow:hover {
  color:#fff !important;
  background-color:#f60;
}
#main a.btn-pink:hover {background-color:#f50051;}
#main a.btn-purple:hover {background-color:#a896f4;}
#main a.btn-orange:hover {background-color:#ea7016;}
#main a.btn-large {min-width:320px;}
#main a.btn-small,
#main a.btn-back {
  min-width:0;
  font-size:1.3rem;
  line-height:16px;
  text-decoration:none;
}
#main a.btn-back:hover {background-image:url(/common-wr/img/arrow_left_yellow.png);}
#main .btn-more a {
  padding:15px;
  font-size:1.6rem;
}
#main .btn-more a:hover {
  background-color:#777;
  text-decoration:none;
}
#main .btn-more a:hover span {background-image:url(/common-wr/img/btn_more_on.png);}

/* wysiwyg
-------------------------------------*/
#main .wysiwyg {margin-bottom:30px;}

/* headline
-------------------------------------*/
#main h1 {
  margin-bottom:30px;
  padding:35px;
  font-size:2.6rem;
}
#main h1:before {width:150px;}
#main h1 span {
  padding:10px;
  font-size:1.4rem;
}
#main h1.h-image {padding:0;}
#main h2,
#main h3,
#main h4,
#main h5 {margin-bottom:20px;}
#main h2,
#main h3 {clear:both;}
#main h3.h-c {clear:none;}
#main h2 {
  margin-top:70px;
  padding:15px 20px;
  font-size:1.8rem;
}
#main h2 span {font-size:1.4rem;}
#main h2.h-c {font-size:2.8rem;}
#main h2.h-faculty {font-size:2.2rem;}
#faculty-ec #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_ec_pc.png);}
#faculty-bu #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_bu_pc.png);}
#faculty-ju #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_ju_pc.png);}
#faculty-ffl #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_ffl_pc.png);}
#faculty-fcsi #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_fcsi_pc.png);}
#faculty-sc #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_sc_pc.png);}
#faculty-cse #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_cse_pc.png);}
#faculty-nls #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_nls_pc.png);}
#faculty-fss #main h2.h-faculty {background-image:url(/common-wr/img/h_faculty_fss_pc.png);}
#main h2:first-child {margin-top:40px;}
#main .inner > h2,
#main h1 + div h2:first-child,
#main .article-header + div h2:first-child {margin-top:0;}
#main h3 {
  margin-top:35px;
  font-size:1.7rem;
}
#main h3.h-b {
  padding:8px 15px;
  font-size:1.6rem;
}
#main h3.h-c {font-size:2rem;}
#main h3.h-d {font-size:2.5rem;}
#main h3.h-d span {
  display:inline-block;
  margin-left:1em;
  font-size:1.3rem;
}
#main h3.h-line {
  padding-top:40px;
  font-size:4rem;
}
#main h3.h-line.h-small {font-size:3.4rem;}
#main h3.h-border {font-size:3.4rem;}
#main h3.h-border span:before {
  left:-60px;
  top:50%;
  width:50px;
  height:5px;
  margin-top:-2px;
}
#main h3.h-border span:after {
  right:-60px;
  top:50%;
  width:50px;
  height:5px;
  margin-top:-2px;
}
#main h3:first-child {margin-top:5px;}
#main h4 {
  margin:40px 0 15px;
  padding-left:20px;
  font-size:1.6rem;
  background-position:0 .45em;
}
#main h4.h-back a,
#main h4.h-back span {
  padding:15px;
  padding-right:38px;
  background-position:calc(100% - 15px) 50%;
}
#main h4.h-back a:hover {
  background-color:#edf3ff;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  text-decoration:none;
}
#main h4.h-back a[target=_blank]:hover {
  background-color:#feffca;
  background-image:url(/common-wr/img/link_external.png);
}
#main h5 span {font-size:1.3rem;}
#main h5 span.large {font-size:2rem;}

/* hr
-------------------------------------*/
#main hr {margin:50px 0;}
#main hr.hr80 {margin:80px 0;}
#main hr.hr30 {margin:30px 0;}

/* table
-------------------------------------*/
#main .wysiwyg table {margin-bottom:30px;}
#main .wysiwyg th,
#main .wysiwyg td {padding:5px 15px;}
#main .wysiwyg th > *,
#main .wysiwyg td > * {margin-bottom:15px;}

/* menu
-------------------------------------*/
#main .menu {
  margin-bottom:30px;
  text-align:center;
}
#main .menu a {background-position:100% .3em;}
#main .menu-small {
  margin-bottom:20px;
  font-size:1.4rem;
  text-align:center;
}
#main .faculty-menu ul {
  display:table;
  margin-left:auto;
}
#main .faculty-menu li {
  display:table-cell;
  width:195px;
  border-left:1px solid #fff;
}
#main .faculty-menu li:first-child {border-left:0;}
#main .faculty-menu a {
  display:block;
  line-height:30px;
  padding:15px;
  color:#fff;
  background-image:url(/common-wr/img/main_menu_faculty.png);
  background-repeat:no-repeat;
  background-position:calc(100% - 15px) 50%;
  background-size:15px;
}
#main .faculty-menu .menu-member a {
  background-image:url(/common-wr/img/arrow_right_white.png);
  background-size:8px;
}
#main .faculty-menu a:hover {text-decoration:none;}
#faculty-ec #main .faculty-menu {background-color:#e8f7ff;}
#faculty-ec #main .faculty-menu a {background-color:#38b8ff;}
#faculty-ec #main .faculty-menu a:hover {background-color:#239fe6;}
#faculty-bu #main .faculty-menu {background-color:#fff5da;}
#faculty-bu #main .faculty-menu a {background-color:#ff9a0f;}
#faculty-bu #main .faculty-menu a:hover {background-color:#f08600;}
#faculty-ju #main .faculty-menu {background-color:#f7edfa;}
#faculty-ju #main .faculty-menu a {background-color:#ae5ec0;}
#faculty-ju #main .faculty-menu a:hover {background-color:#9644a9;}
#faculty-ffl #main .faculty-menu {background-color:#fdeef6;}
#faculty-ffl #main .faculty-menu a {background-color:#db3582;}
#faculty-ffl #main .faculty-menu a:hover {background-color:#b61b62;}
#faculty-fcsi #main .faculty-menu {background-color:#e4f9f4;}
#faculty-fcsi #main .faculty-menu a {background-color:#23c899;}
#faculty-fcsi #main .faculty-menu a:hover {background-color:#1eaa82;}
#faculty-sc #main .faculty-menu {background-color:#f1fce8;}
#faculty-sc #main .faculty-menu a {background-color:#60d337;}
#faculty-sc #main .faculty-menu a:hover {background-color:#51b22e;}
#faculty-cse #main .faculty-menu {background-color:#f0f1fd;}
#faculty-cse #main .faculty-menu a {background-color:#6a67e8;}
#faculty-cse #main .faculty-menu a:hover {background-color:#5755bf;}
#faculty-nls #main .faculty-menu {background-color:#fffcdb;}
#faculty-nls #main .faculty-menu a {background-color:#ffe543;color:#333;}
#faculty-nls #main .faculty-menu a:hover {background-color:#efcd00;}
#faculty-nls #main .faculty-menu .menu-member a {background-image:url(/common-wr/img/arrow_right_gray.png);}
#faculty-fss #main .faculty-menu {background-color:#FCE4DE;}
#faculty-fss #main .faculty-menu a {background-color:#EA5532;}
#faculty-fss #main .faculty-menu a:hover {background-color: #D24C2D;}

/* box
-------------------------------------*/
#main .box {margin-bottom:30px;}
#main .box > * {float:left;}
#main .box.box-reverse > * {float:right;}
#main .box-column2 > * {
  width:48%;
  margin-top:20px;
  margin-right:4%;
}
#main .box-column2 > .box-wide {
  width:65%;
  margin-right:5%;
}
#main .box-column2 > .box-narrow {
  width:30%;
  margin-right:5%;
}
#main .box-reverse.box-column2 > * {
  margin-left:4%;
  margin-right:0;
}
#main .box-column3 > * {
  width:30%;
  margin-top:20px;
  margin-right:5%;
}
#main .box-column4 > * {
  width:22.9%;
  margin-top:20px;
  margin-right:2.8%;
}
#main .box-column2 > *:nth-child(2n),
#main .box-column3 > *:nth-child(3n),
#main .box-column4 > *:nth-child(4n) {margin-right:0;}
#main .box-reverse.box-column2 > *:nth-child(2n) {margin-left:0;}
#main .box-column2 > *:nth-child(1),
#main .box-column2 > *:nth-child(2),
#main .box-column3 > *:nth-child(1),
#main .box-column3 > *:nth-child(2),
#main .box-column3 > *:nth-child(3),
#main .box-column4 > *:nth-child(1),
#main .box-column4 > *:nth-child(2),
#main .box-column4 > *:nth-child(3),
#main .box-column4 > *:nth-child(4) {margin-top:0;}

/* image, movie
-------------------------------------*/
#main .image,
#main .movie {font-size:1.2rem;}
#main .image {margin-bottom:30px;}
#main .image-left {
  float:left;
  margin-right:30px;
}
#main .image-right {
  float:right;
  margin-left:30px;
}
#main .movie {margin:0 auto 30px;}
#main .clear-box {overflow:hidden;}

/* ul, ol
-------------------------------------*/
#main div + div > ul:first-child,
#main div + div > ol:first-child {margin-top:20px;}
#main .image + div > ul:first-child,
#main .image + div > ol:first-child {
  margin-top:0;
  display:table;
}
#main .wysiwyg ul,
#main .wysiwyg ol {margin-bottom:30px;}
#main ul.column-list li {
  display:inline-block;
  width:32%;
  vertical-align:top;
}
#main ul.column-list2 li {
  display:inline-block;
  width:49%;
  vertical-align:top;
}

/* info
-------------------------------------*/
#main .info {margin-bottom:20px;}
/* tags */
#main .info .tags p {font-size:1.2rem;}

/* rect
-------------------------------------*/
#main .rect {
  margin-bottom:30px;
  padding:25px;
}
/* h5 */
#main .rect h5 {font-size:1.6rem;}
#main .rect hr {margin:40px 0;}
#main .rect a.btn {font-size:1.4rem;}
#main .rect a.btn-large {min-width:240px;}

/* contact
-------------------------------------*/
#main .contact {margin-bottom:30px;}
#main .contact dt {font-size:1.8rem;}
#main .contact dd {padding:25px 30px;}
/* h5 */
#main .contact h5 {
  margin-bottom:15px;
  font-size:1.6rem;
}

/* btns
-------------------------------------*/
#main .btns {margin-bottom:25px;}

/* navi
-------------------------------------*/
#main .navi {margin-bottom:20px;}
#main .navi dt {font-size:1.6rem;}
#main .navi dt span {font-size:1.3rem;}
#main .navi p,
#main .navi li {font-size:1.3rem;}

/* gallery
-------------------------------------*/
#main .gallery {margin-bottom:30px;}
#main .gallery p {font-size:1.3rem;}
#main .gallery li {margin-top:15px;}
#main .gallery li {
  width:18%;
  margin-right:2.5%;
}
#main .gallery li:nth-child(5n) {margin-right:0;}
#main:only-child .gallery li {
  width:13%;
  margin-right:1.5%;
}
#main:only-child .gallery li:nth-child(7n) {margin-right:0;}
#main .gallery li a:hover {opacity:.7;}

/* social
-------------------------------------*/
#main .social {margin-top:50px;}

/* tag
-------------------------------------*/
#main .tag {
  min-width:104px;
  font-size:1.2rem;
}

/* news-link
-------------------------------------*/
#main .news-link {font-size:1.2rem;}

/* news-list
-------------------------------------*/
#main .news-list li {font-size:1.4rem;}
#main .news-list li a {
  padding:15px;
  padding-right:38px;
  background-position:calc(100% - 15px) 50%;
}
#main .news-list li a:hover {
  color:#007eff;
  border-color:#49a3ff;
  background-color:#fff;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  text-decoration:none;
}
#main .news-list .news-date {
  display:inline-block;
  margin:0 12px;
}
#main .bg-transparent .section-news {margin-bottom:30px !important;}
#main .section-news .news-list a,
#main .top-news .news-list li a {
  display:table;
  width:100%;
}
#main .section-news .news-list li p,
#main .top-news .news-list li p {
  display:table-cell;
  vertical-align:top;
}
#main .section-news .news-list li p:first-child,
#main .top-news .news-list li p:first-child {
  white-space:nowrap;
}
#main .section-news .news-list li p:last-child,
#main .top-news .news-list li p:last-child {
  width:100%;
  padding-left:12px;
}
#main .section-news .news-list li .tag,
#main .top-news .news-list li .tag {
  margin-bottom:0;
  margin-right:12px;
}
#main .section-news .news-btn {
  right:30px;
  bottom:-32px;
}

/* paging
-------------------------------------*/
#main .paging {padding:30px;}
#main .paging > * {
  display:inline-block;
  margin:0 12px;
  vertical-align:top;
}
#main .paging a {height:35px;}
#main .paging a:hover {text-decoration:none;}
#main .paging p {font-size:1.3rem;}
#main .paging p a:hover {color:#ff3b6d;}
#main .paging li a {width:35px;}
#main .paging li a:hover {
  color:#ff3b6d;
  background-color:#fff;
  border:1px solid #c7c7c7;
}
#main .paging li .current {font-size:2rem;}

/* event-list
-------------------------------------*/
#main .event-list {margin-bottom:30px;}
#main .event-list li {
  float:left;
  width:33%;
  font-size:1.4rem;
}
#main .event-list li:nth-child(3n) {width:34%;}
#main .event-list li:nth-child(1),
#main .event-list li:nth-child(2),
#main .event-list li:nth-child(3) {border-top:1px solid #ececec;}
#main .event-list li:nth-child(3n),
#main .event-list li:nth-child(3n+2) {border-left:0;}
#main .event-list a {padding:15px;}
#main .event-list div {padding-left:100px;}
#main .event-list .event-date {
  width:88px;
  padding:16px 12px 8px;
}
#main .event-list .event-date .year {font-size:12px;}
#main .event-list .event-date .month {font-size:16px;}
#main .event-list .event-date .month:after {
  left:32px;
  top:30px;
  height:48px;
}
#main .event-list .event-date .day {font-size:26px;}
#main .event-list .event-date .week {font-size:11px;}
#main .event-list .event-text {
  left:100px;
  bottom:1px;
  font-size:1.3rem;
}
#main .event-list .event-detail {
  right:0;
  bottom:0;
  font-size:1.2rem;
}
#main .event-list a:hover {
  background-color:#f7f7f7;
  border-color:#ebebeb;
  text-decoration:none;
}
#main .event-list a:hover .label,
#main .event-list a:hover .event-date,
#main .event-list a:hover .event-title,
#main .event-list a:hover .event-text {
  opacity:.6;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#main .event-list a:hover .event-detail {
  color:#fff;
  background-color:#ff3a6d;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}

/* kyoin
-------------------------------------*/
#main .kyoin-list {margin-bottom:30px;}
#main .kyoin-list > li {
  float:left;
  width:30%;
  margin:60px 5% 0 0;
}
#main .kyoin-list > li:nth-child(3n) {margin-right:0;}
#main .kyoin-list > li:nth-child(3n+1) {clear:both;}
#main .kyoin-list > li:nth-child(1),
#main .kyoin-list > li:nth-child(2),
#main .kyoin-list > li:nth-child(3) {margin-top:45px;}
#main .kyoin-list div > a,
#main .kyoin-list div > span {
  padding:20px;
  padding-bottom:calc(36px + 1em);
  color:#fff;
  background-color:#039;
  background-image:url(/common-wr/img/kyoin_bg.png);
  border-top:4px solid #039;
  text-align:center;
}
#main .kyoin-list div > a:hover {
  opacity:.7;
  text-decoration:none;
}
#main .kyoin-list .faculty-ec div > a,
#main .kyoin-list .faculty-ec div > span {border-top-color:#2ca9ff;}
#main .kyoin-list .faculty-bu div > a,
#main .kyoin-list .faculty-bu div > span {border-top-color:#ffa115;}
#main .kyoin-list .faculty-ju div > a,
#main .kyoin-list .faculty-ju div > span {border-top-color:#ad5dbf;}
#main .kyoin-list .faculty-ffl div > a,
#main .kyoin-list .faculty-ffl div > span {border-top-color:#e14591;}
#main .kyoin-list .faculty-fcsi div > a,
#main .kyoin-list .faculty-fcsi div > span {border-top-color:#23c797;}
#main .kyoin-list .faculty-sc div > a,
#main .kyoin-list .faculty-sc div > span {border-top-color:#71d944;}
#main .kyoin-list .faculty-cse div > a,
#main .kyoin-list .faculty-cse div > span {border-top-color:#626ae6;}
#main .kyoin-list .faculty-nls div > a,
#main .kyoin-list .faculty-nls div > span {border-top-color:#ffe343;}
#main .kyoin .kyoin-photo {margin:-65px 0 30px;}
#main .kyoin .kyoin-photo img {width:120px;}
#main .kyoin-list .kyoin-photo {margin:-65px 0 15px;}
#main .kyoin-list .kyoin-photo img {width:80px;}
#main .kyoin-detail h2 {
  margin-top:30px;
  margin-bottom:25px;
  font-size:3.4rem;
}
#main .kyoin-detail h2:first-child {margin-top:30px;}
#main .kyoin-detail h2 span {font-size:1.3rem;}
#main .kyoin .kyoin-position {font-size:1.6rem;}
#main .kyoin-profile {padding:20px;}
#main .kyoin-profile dt,
#main .kyoin-profile dd {padding:8px 12px;}
#main .kyoin-profile dt {font-size:1.4rem;}
#main .kyoin-profile dd {font-size:1.5rem;}
#main .kyoin-name:first-child {margin-top:30px;}
#main .kyoin-name {font-size:2rem;}
#main .kyoin-name span {font-size:1.1rem;}
#main .kyoin-text {
  margin:1.5em 0;
  font-size:1.2rem;
}
#main .kyoin-btn {
  left:20px;
  bottom:20px;
  width:calc(100% - 40px);
  line-height:1.2;
  margin-top:1.5em;
  padding:8px 12px;
  color:#333;
  font-size:1.3rem;
  background-color:#fff;
  background-position:calc(100% - 12px) 50%;
}
#main .kyoin .kyoin-link li {
  display:inline-block;
  margin-right:45px;
  font-size:1.4rem;
}
#main .kyoin .kyoin-link a {text-decoration:none;}
#main .kyoin .kyoin-link .kyoin-site a:hover {background-color:#7fb4ff;}
#main .kyoin .kyoin-link .kyoin-site a:hover:after {background-color:#a6cbff;}
#main .kyoin .kyoin-link .kyoin-research a:hover {background-color:#fec26b;}
#main .kyoin .kyoin-link .kyoin-research a:hover:after {background-color:#fed498;}
#main .kyoin .kyoin-link .kyoin-database a:hover {background-color:#a9a9a9;}
#main .kyoin .kyoin-link .kyoin-database a:hover:after {background-color:#c3c3c3;}
#main .kyoin-list .kyoin-link {
  margin-top:5px;
  text-align:right;
}
#main .kyoin-list .kyoin-link li {
  margin-right:8px;
  font-size:1.3rem;
}
#main .kyoin-list .kyoin-link li:last-child {margin-right:0;}
#main .update-text {font-size:1.3rem;}



/*-------------------------------------
top
-------------------------------------*/
#top-header h1 {
  right:90px;
  top:70px;
}
#top-header {
  margin-top:-45px;
  height:600px;
  overflow:hidden;
}
#top-header .top-mv div {height:600px;}
#top-header .top-mv-text {
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  padding:20px;
  color:#fff;
  font-size:1.4rem;
  background-color:rgba(0,0,0,.5);
}
#top-header .top-square {
  left:0;
  bottom:0;
  width:100%;
  height:167px;
  background-image:url(/common-wr/img/top_square_pc.png);
  background-position:50% 0;
}
#top-banner {padding:20px 0;}
#top-banner .slick-list li {
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
}
#top-banner .slick-list li.slick-current {
  padding:0;
  border:5px solid #039;
  -webkit-transition:border .48s;
  transition:border .48s;
}
#top-banner .slick-next,
#top-banner .slick-prev {
  width:28px;
  height:100px;
  text-indent:28px;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#top-banner .slick-next {
  top:30px;
  right:50%;
  margin-right:-252px;
}
#top-banner .slick-prev {
  top:30px;
  left:50%;
  margin-left:-252px;
}
#top-banner .slick-next:hover,
#top-banner .slick-prev:hover {background-color:#00246b;}
#top-banner .slick-next:hover {background-image:url(/common-wr/img/arrow_right_yellow.png);}
#top-banner .slick-prev:hover {background-image:url(/common-wr/img/arrow_left_yellow.png);}
#top-banner .slick-dots {height:5px;}
#top-banner .slick-dots li button {
  width:40px;
  height:5px;
}
#top-emergency {
  padding:12px 0;
}
#top-emergency .inner {
  display:table;
}
#top-emergency .inner > * {
  display:table-cell;
  vertical-align:middle;
}
#top-emergency .title {
  white-space:nowrap;
  padding-right:20px;
  font-size:1.8rem;
}
#top-emergency dl {
  width:100%;
  padding:12px 15px;
  font-size:1.5rem;
}
#top-emergency dt {
  clear:left;
  float:left;
  width:6em;
}
#top-emergency dd {
  margin:0 0 12px 6em;
}
#top-emergency dd a:hover {
  text-decoration:none;
}
#top-info {padding:30px 0;}
#main .top-article {margin-bottom:30px;}
#main .top-news {
  display:table;
  width:1020px;
  margin:0 auto;
}
#main .top-news .top-news-title,
#main .top-news .top-news-contents {
  display:table-cell;
  vertical-align:top;
}
#main .top-news .top-news-title {min-width:156px;}
#main .top-news .top-news-tab li {
  font-size:2.5rem;
  background-image:url(/common-wr/img/tri_right_gray.png);
  background-position:calc(100% - 25px) 50%;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#main .top-news .top-news-tab li.tab-small {font-size:2rem;}
#main .top-news .top-news-tab li p {
  display:table-cell;
  height:130px;
  padding:10px 30px;
  vertical-align:middle;
  white-space:nowrap;
}
#main .top-news .top-news-tab li span {
  margin-top:5px;
  font-size:1.1rem;
}
#main .top-news .top-news-tab li:hover,
#main .top-news .top-news-tab li.current {
  color:#039;
  background-color:#fff;
  background-image:url(/common-wr/img/tri_right_blue.png);
}
#main .top-news .top-news-contents {
  width:100%;
  padding:20px;
}
#main .top-news .news-list {
  margin-top:0;
  margin-bottom:30px;
}
#main .top-news .top-news-btn {text-align:center;}
#main .top-news .top-news-rss {
  position:absolute;
  right:0;
  bottom:0;
}
#main .top-news .top-news-rss a {padding:5px 12px;}
#main .top-news .top-news-rss a:hover {opacity:.7;}
#main .top-news .top-news-social {margin-top:20px;}
#main .top-news .top-news-social dt {font-size:1.2rem;}
#main .top-news .top-news-social dd ul {
  width:130px;
  margin:0 auto;
}
#main .top-news .top-news-social dd a:hover {opacity:.7;}
#main .top-section {border-width:10px;}
#main .top-section .inner {
  padding:160px 120px;
  display:table;
  width:auto;
}
#main #top-section01 .inner {
  padding:160px 100px;
  margin-left:auto;
  margin-right:0;
}
#main #top-section02 .inner {
  margin-left:0;
  margin-right:auto;
}
#main #top-section03 .inner {
  margin-left:auto;
  margin-right:0;
}
#main .top-section .top-section-inner {
  display:table-cell;
  height:512px;
  width:548px;
  vertical-align:middle;
  text-align:center;
  background-image:url(/common-wr/img/top_section_squareL.png);
  background-repeat:no-repeat;
  background-position:50% 0;
}
#main .top-section .top-section-bg {
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}
#main .top-section h2 {font-size:4rem;}
#main .top-section p {
  color:#000;
  font-size:1.4rem;
  font-weight:bold;
}
#main .top-section li {
  display:inline-block;
  margin:10px 5px 0;
}
#main .top-section a.btn {min-width:230px;}
#main #top-section01 a.btn {min-width:260px;}
#main #top-section01 a.btn:hover,
#main #top-section02 a.btn:hover,
#main #top-section03 a.btn:hover {
  color:#fff !important;
  background-image:url(/common-wr/img/arrow_right_white.png);
}
#main #top-section01 a.btn:hover {background-color:#f50051;}
#main #top-section02 a.btn:hover {background-color:#5e46d6;}
#main #top-section03 a.btn:hover {background-color:#ff6600;}
#top-section01 .top-section-inner {z-index:2;}
#top-section01 .top-section-square01 {
  z-index:1;
  left:136px;
  top:120px;
  width:228px;
  height:228px;
  background-image:url(/common-wr/img/top_section_squareM.png);
}
#top-section01 .top-section-square02 {
  z-index:3;
  left:266px;
  top:130px;
  width:420px;
  height:331px;
  background-image:url(/common-wr/img/top_section01_square_pc.png);
}
#top-section02 .top-section-inner {z-index:2;}
#top-section02 .top-section-square01 {
  z-index:1;
  left:136px;
  top:120px;
  width:228px;
  height:228px;
  background-image:url(/common-wr/img/top_section_squareM.png);
}
#top-section02 .top-section-square02 {
  z-index:3;
  left:126px;
  top:130px;
  width:565px;
  height:331px;
  background-image:url(/common-wr/img/top_section02_square_pc.png);
}
#top-section03 .top-section-inner {z-index:3;}
#top-section03 .top-section-square01 {
  z-index:1;
  left:146px;
  top:180px;
  width:332px;
  height:332px;
  background-image:url(/common-wr/img/top_section03_square02.png);
}
#top-section03 .top-section-square02 {
  z-index:2;
  left:486px;
  top:290px;
  width:162px;
  height:162px;
  background-image:url(/common-wr/img/top_section03_square01.png);
}
#top-section03 .top-section-square03 {
  z-index:4;
  left:100px;
  top:165px;
  width:595px;
  height:300px;
  background-image:url(/common-wr/img/top_section03_square_pc.png);
}
#main .top-page-list {
  display:table;
  width:100%;
  padding:20px 0;
  font-size:1.3rem;
}
#main .top-page-list + .top-page-list {border-top:1px dotted #555;}
#main .top-page-list dt,
#main .top-page-list dd {
  display:table-cell;
  vertical-align:middle;
}
#main .top-page-list dt {width:140px;}
#main .top-page-list dd {padding-left:20px;}
#main .top-page-list li {
  float:left;
  width:32%;
  margin-top:10px;
  margin-right:2%;
}
#main .top-page-list li:nth-child(3n) {margin-right:0;}
#main .top-page-list li:nth-child(1),
#main .top-page-list li:nth-child(2),
#main .top-page-list li:nth-child(3) {margin-top:0;}
#main .top-page-list li a:hover {
  border-color:#49a3ff;
  text-decoration:none;
  background-image:url(/common-wr/img/arrow_right_pink.png);
}
#main .top-page-list li a:hover span {opacity:.7;}
#main .top-page-list li .photo {width:68px;}
#main .top-page-list li .photo img {width:64px;}
#main .top-page-list li .text {height:68px;}
#top-access p {margin-bottom:30px;}
#top-access .top-access-alt {display:none;}
#top-access .top-access-anim {
  position:relative;
  width:742px;
  height:252px;
  margin:0 auto;
}
#top-access .top-access-anim span {position:absolute;}
#top-access .top-access-ksu {left:531px;top:65px;}
#top-access .top-access-kyoto {left:0;top:0;}
#top-access .top-access-kitaoji {left:317px;top:87px;}
#top-access .top-access-kokusaikaikan {left:412px;top:182px;}
#top-access .top-access-demachiyanagi {left:693px;top:183px;}
#top-access .top-access-dot11 {left:139px;top:117px;}
#top-access .top-access-dot12 {left:158px;top:117px;}
#top-access .top-access-dot13 {left:177px;top:117px;}
#top-access .top-access-train {left:195px;top:110px;}
#top-access .top-access-dot21 {left:257px;top:117px;}
#top-access .top-access-dot22 {left:276px;top:117px;}
#top-access .top-access-dot23 {left:295px;top:117px;}
#top-access .top-access-dot31 {left:381px;top:149px;}
#top-access .top-access-dot32 {left:394px;top:163px;}
#top-access .top-access-dot33 {left:407px;top:177px;}
#top-access .top-access-arrow01 {left:387px;top:112px;}
#top-access .top-access-arrow02 {left:449px;top:136px;}
#top-access .top-access-bus01 {left:468px;top:105px;}
#top-access .top-access-bus02 {left:468px;top:129px;}
#top-access .top-access-bus03 {left:676px;top:129px;}
#top-access .top-access-arrow03 {left:654px;top:136px;}
#top-access .top-access-text {font-size:2.6rem;}
#top-access .top-access-text .text-large {font-size:5rem;}
#top-access .top-access-text .text-star {padding:20px 0 0 10px;}
#top-access .top-access-way {font-size:1.4rem;}
#top-access .top-access-way li {
  display:inline-block;
  margin:0 10px;
}
#top-access .top-access-way li a:hover {color:#007eff;}
#top-access-map {text-align:center;}


/*-------------------------------------
2nd
-------------------------------------*/
/* student
-------------------------------------*/
#student-header {
  margin:-45px 0 15px;
  height:540px;
  overflow:hidden;
}
#student-header h1 {
  position:absolute;
  left:0;
  top:320px;
  z-index:2;
}
#student-header h2 {
  right:90px;
  top:70px;
}
#student-header .student-mv div {height:540px;}
#student-header .student-mv:after {
  position:absolute;
  left:0;
  bottom:0;
  content:"";
  width:100%;
  height:40px;
  background-color:rgba(0,0,0,.3);
}
#student01 .section-header h3.h-c:after {
  left:-90px;
  top:-30px;
  width:87px;
  height:87px;
  background-image:url(/common-wr/img/student_badge_pickup.png);
  background-repeat:no-repeat;
  background-size:contain;
}
#main .student-table .student-article {
  float:left;
  width:32%;
  margin-right:2%;
}
#main .student-table .student-article:nth-child(3n) {margin-right:0;}
#main .student-table .article-card {margin:-80px auto 20px;}
#main .student-title .inner {padding:40px 0 20px;}
#main .student-title h3 {
  width:860px;
  padding:30px;
  font-size:2rem;
}
#main .student-title h3:after {
  top:50%;
  margin-top:-6px;
}
#main #student02 .student-title .character-image {
  width:170px;
  left:870px;
  top:10px;
}
#main #student03 .student-title .character-image {
  width:138px;
  left:0;
  top:40px;
}
#main .student-title .character-text {font-size:1.1rem;}
#main #student02 .student-title .character-text {margin-right:100px;}
#main #student02 .student-body {
  margin-top:-10px;
  padding-bottom:20px;
}
#main #student02 .student-body li {
  width:200px;
  margin-right:50px;
  margin-bottom:20px !important;
  font-size:1.6rem;
}
#main #student02 .student-body li a:hover {
  text-decoration:none;
  opacity:.7;
}
#main #student02 .student-body li img {
  width:180px;
  border:10px solid #fff;
}
#main #student02 .student-body li:nth-child(4n) {margin-right:0;}
#main #student03 .student-body {padding:120px 0;}
#main #student03 .student-body li {text-align:right;}
#main #student03 .student-body li a {min-width:350px;}

/* main-header
-------------------------------------*/
#main-header {
  margin:-45px 0 15px;
  padding:250px 0 30px;
}
#main-header h1 {
  float:left;
  width:260px;
}
#main-header .header-text {
  float:right;
  width:calc(100% - 310px);
  padding-top:160px;
}
#main-header .header-text h2 {
  margin-bottom:20px;
  font-size:2.2rem;
}
#main-header .header-text p {
  font-size:1.4rem;
  font-weight:bold;
}
#main-header .header-bg {height:380px;}

	#about #main-header .header-bg {background-image:url(/about/ahcetq0000000sdb-img/about_bg_pc.jpg);}

	#schools #main-header .header-bg {background-image:url(/faculty/ahcetq00000028a2-img/schools_bg_pc.jpg);}

	#features #main-header .header-bg {background-image:url(/features/ahcetq00000028c2-img/features_bg_pc.jpg);}

	#life #main-header .header-bg {background-image:url(/campuslife/ahcetq00000028e2-img/life_bg_pc.jpg);}

	#global #main-header .header-bg {background-image:url(/international/lpom47000000ro2r-img/global_bg.jpg);}

	#career #main-header .header-bg {background-image:url(/career/ahcetq00000028i2-img/career_bg_pc.jpg);}

	#campus #main-header .header-bg {background-image:url(/facilities/ahcetq00000028k2-img/facilities_bg_pc.jpg);}

	#research #main-header .header-bg {background-image:url(/collaboration/ahcetq00000028m2-img/research_bg_pc.jpg);}

	#admissions #main-header .header-bg {background-image:url(/admissionguide/ahcetq00000085vz-img/admissions_bg_pc.jpg);}



/* faculty-header
-------------------------------------*/
#faculty-header {margin:-45px 0 15px;}
#faculty-header .inner {height:380px;}
#faculty-header h1 {
  position:absolute;
  top:0;
  left:-130px;
  width:1280px;
}
#faculty-header .bx-wrapper,
#faculty-header .header-bg {
  position:absolute;
  z-index:1;
  top:0;
  right:-130px;
  width:900px;
  height:380px;
}
#faculty-header .bx-wrapper .header-bg {right:0;}
#faculty-header .header-bg li {
  width:900px;
  height:380px;
}

/* target-header
-------------------------------------*/
#target-header {margin:-45px 0 15px;}
#target-header .inner {height:270px;}
#target-header h1 {
  position:absolute;
  top:0;
  left:-130px;
  width:1280px;
}

/* breadcrumb
-------------------------------------*/
#main-header + #breadcrumb {border-bottom:1px solid #e9e9e9;}

/* main-body
-------------------------------------*/
#main .section {
  margin:0;
  padding:60px 0;
}
#main .section-blue,
#main .section-gray,
#main .section-gray-white {
  margin:0;
  padding:20px 0;
}
#main .section-tab-news {
  padding:10px 0 30px;
}
#main .section-white {
  margin:0;
  padding:30px 0;
}
#main .section-gray-white:before {height:150px;}
#main .section-blue.section-narrow,
#main .section-gray.section-narrow {padding:15px;}
/* section-header */
#main .section-header {margin-bottom:30px;}
#main .section-header h3 {margin-top:0;}
#main .section-header h3.h-c {font-size:3.4rem;}
#main .section-header p {
  font-size:1.6rem;
  width:800px;
  margin-left:auto;
  margin-right:auto;
}
#main .section-header .btns {
  position:absolute;
  right:0;
  top:1em;
}
/* border-box */
#main .border-box {
  padding:30px 0;
  margin-bottom:30px;
}
/* book-box */
#main .book-box dd {font-size:1.3rem;}
#main .book-box .title {font-size:1.6rem;}
/* message-box */
#main .message-box {margin:60px 0 30px;}
#main .message-box .title span {
  padding:12px 30px;
  font-size:1.8rem;
  border-radius:30px;
}
#main .message-box .text {padding:40px;}
#main .message-box .photo + .text {padding-top:70px;}
/* table-box */
#main .table-box {margin-bottom:30px;}
#main .table-box a:hover {
  opacity:.7;
  text-decoration:none;
}
#main .table-box p {margin-bottom:15px;}
#main .table-box .table-arrow {
  padding-bottom:40px;
  background-size:30px;
}
#main .table-box .table-arrow:hover {
  opacity:1;
  background-image:url(/common-wr/img/circle_arrow_pink.png);
}
#main .table-box .table-arrow:hover > * {
  opacity:.7;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#main .table-box .table-tri {padding-bottom:20px;}
#main .table-box .table-tri:after {
  right:0;
  bottom:0;
  border-left:20px solid transparent;
}
#main .table-box .tri-pink:after {border-bottom:20px solid #ff3a6d;}
#main .table-box .tri-green:after {border-bottom:20px solid #3adfa7;}
#main .table-box .tri-blue:after {border-bottom:20px solid #5eb9ff;}
#main .table-box .table-number {font-size:6rem;}
#main .table-box .table-title {font-size:2.2rem;}
#main .table-box .table-title span {font-size:1.6rem;}
#main .table-column2 li,
#main .table-column3 li {
  float:left;
  width:30.4%;
  vertical-align:top;
}
#main .table-column2 li:nth-child(1) {margin-left:16.6%;}
#main .table-column2 li:nth-child(2) {
  margin-left:6%;
  margin-right:16.6%;
}
#main .table-column3 li:nth-child(2) {margin:0 4.4%;}
#main .table-column2 li:nth-child(2):before,
#main .table-column3 li:nth-child(2):before,
#main .table-column3 li:nth-child(2):after {
  content:"";
  display:block;
  width:0;
  height:100%;
  border-left:1px dotted #039;
}
#main .table-column2 li:nth-child(2):before {
  position:absolute;
  top:0;
  left:-10%;
}
#main .table-column3 li:nth-child(2):before {
  position:absolute;
  top:0;
  left:-7%;
}
#main .table-column3 li:nth-child(2):after {
  position:absolute;
  top:0;
  right:-7%;
}
#life #main .table-box.table-column2 {margin-bottom:50px;}
#life #main .table-box.table-column2 .table-tri {padding-bottom:0;}
#life #main .table-box.table-column2 .table-title {
  font-size:3rem;
  font-weight:normal;
}
#life #main .table-column2 li {
  width:46%;
}
#life #main .table-column2 li:nth-child(1) {margin-left:0%;}
#life #main .table-column2 li:nth-child(2) {
  margin-left:8%;
  margin-right:0%;
}
#life #main .table-column2 li:nth-child(2):before {left:-9%;}
#faculty-fcsi #main .table-box {position:relative;}
#faculty-fcsi #main .table-box > li:first-child:after {
  position:absolute;
  left:116%;
  top:0;
  content:"";
  display:block;
  width:0;
  height:100%;
  border-left:1px dotted #039;
}
#faculty-fcsi #main .table-box > li {width:43%;}
#faculty-fcsi #main .table-box > li:first-child {float:left;}
#faculty-fcsi #main .table-box > li:last-child {float:right;}
#faculty-fcsi #main .table-box .page-list {
  width:330px;
  margin-top:20px;
}
#faculty-fcsi #main .table-box .page-list li {
  float:none;
  width:100%;
  margin:0 0 10px;
}

/* faculty-fss */
#faculty-fss #main .faculty-ffl-list.faculty-fss-ss .title {
    background-color: #FBDDD6;
    border-left-color: #EA5532;
}
#faculty-fss #main .faculty-ffl-list.faculty-fss-hss .title {
    background-color: #C1E6F8;
    border-left-color: #32ADE9;
}
#faculty-fss .column2-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#faculty-fss .column2-wrap .column-box {
    width: 46%;
    margin-bottom: 30px;
}
#faculty-fss .feature-lead {
    margin-bottom: 30px;
}
#faculty-fss .feature-lead .title {
    font-size: 3.4rem;
}
#faculty-fss .table-box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#faculty-fss .table-box:before,
#faculty-fss .table-box:after {
    display: none;
}
#faculty-fss .table-box li {
    width: 43%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    margin-bottom: 40px;
}
#faculty-fss .table-box li:nth-of-type(2n+1) {
    border-right: 1px #003399 dotted;
    margin-right: calc(7% - 1px);
    padding-right: 7%;
}
#faculty-fss #main .table-box.fss {padding-bottom:60px;}
#faculty-fss #main .table-box.fss > li {width:43%;}
#faculty-fss #main .table-box.fss > li:first-child {
    float: left;
    border-right: none;
    margin-right: 0;
    margin-bottom: 0;
    padding-right: 0;
}
#faculty-fss #main .table-box.fss > li:last-child {float:right;}
#faculty-fss #main .table-box.fss > li:first-child:after {
  position:absolute;
  left:116%;
  top:0;
  content:"";
  display:block;
  width:0;
  height:100%;
  border-left:1px dotted #039;
}
#faculty-fss #main #faculty-introdcution .wysiwyg ul {
    background: #FFFFFF;
    margin: 0 30px;
    padding: 30px;
}

/* banner-box */
#main .banner-box {margin-bottom:30px;}
#main .section-news + .banner-box {margin-top:52px;}
#main .banner-box li {
  float:left;
  width:32%;
  margin:1% 2% 0 0;
}
#main .banner-box.banner-mini li {
  width:18%;
  margin:2% 2.5% 0 0;
}
#main .banner-box.banner-large li {
  width:50%;
  margin:0;
}
#main .banner-box li:nth-child(1),
#main .banner-box li:nth-child(2),
#main .banner-box li:nth-child(3),
#main .banner-box.banner-mini li:nth-child(4),
#main .banner-box.banner-mini li:nth-child(5) {margin-top:0;}
#main .banner-box li:nth-child(3n) {margin-right:0;}
#main .banner-box.banner-mini li:nth-child(3n) {margin-right:2.5%;}
#main .banner-box.banner-mini li:nth-child(5n) {margin-right:0;}
#main .banner-box.banner-full {text-align:center;}
#main .banner-box.banner-full li {
  float:none;
  display:inline-block;
  width:auto;
  margin:0 0 15px;
}
#main .banner-box a,
#main .banner-box img {display:block;}
#main .banner-box a:hover {opacity:.7;}
#main .banner-sagi {
  display:table;
  margin-bottom:30px;
  font-size:1.4rem;
}
#main .banner-sagi dt,
#main .banner-sagi dd {
  display:table-cell;
  vertical-align:middle;
}
#main .banner-sagi dt {
  padding:30px;
  white-space:nowrap;
}
#main .banner-sagi dt span {font-size:1.8rem;}
#main .banner-sagi dd {padding:30px;}
#main .banner-box.banner-kwc {
  display:table;
  margin:0 auto 30px;
  border:1px solid #ccc;
}
#main .banner-box.banner-kwc ul {
  display:table;
  margin:0;
  border-top:1px solid #ccc;
}
#main .banner-box.banner-kwc li {
  display:table-cell;
  width:auto;
  margin:0;
  border-right:1px solid #ccc;
}
#main .banner-box.banner-kwc li:last-child {border-right:0;}
/* icon-plus */
#main .icon-plus {margin:30px 0;}
/* section-news */
#main .section-news {
  display:table;
  width:100%;
  padding:30px;
}
#main .section-news > * {
  display:table-cell;
  vertical-align:top;
}
#main .section-news .news-all {
  display:block;
}
#main .section-narrow .section-news > * {display:block;}
#main .section-news .news-title {white-space:nowrap;}
#main .section-news .news-title p {
  margin-bottom:30px;
  font-size:2.5rem;
}
#main .section-narrow .section-news .news-title p {margin-bottom:20px;}
#main .section-narrow .section-news .news-title p span {
  display:inline-block;
  margin-top:0;
  margin-left:1em;
  vertical-align:0;
}
#main .section-news .news-title p span {font-size:1.3rem;}
#main .section-narrow .section-news .news-title ul {
  position:absolute;
  top:0;
  right:0;
}
#main .section-news .news-tab {border-top:1px solid #bcbcbc;}
#main .section-news .news-tab li {
  font-size:1.3rem;
  border-bottom:1px solid #bcbcbc;
}
#main .section-news .news-tab span {
  padding:8px;
  padding-left:22px;
  background-image:url(/common-wr/img/tri_right_blue.png);
  background-repeat:no-repeat;
  background-position:8px 50%;
  background-size:6px;
}
#main .section-news .news-tab span:hover {
  color:#ff3a6d;
  background-color:#fff;
  background-image:url(/common-wr/img/tri_right_pink.png);
  text-decoration:none;
}
#main .section-news .news-tab span.current {
  color:#fff;
  background-color:#bcbcbc;
  background-image:url(/common-wr/img/tri_right_white.png);
}
#main .section-news .news-list {
  width:100%;
  padding-left:70px;
}
#main .section-narrow .section-news .news-list {padding-left:0;}
/* section-topics */
#main .section-topics {margin-bottom:30px;}
#main .section-topics .topics-title {
  margin-bottom:20px;
  padding-top:28px;
}
#main .section-topics .topics-title.no-border {padding-top:0;}
#main .section-topics .topics-title p {font-size:2.5rem;}
#main .section-topics .topics-title span {font-size:1.3rem;}
#main .section-topics .topics-list li {
  float:left;
  width:23.5%;
  margin-right:2%;
  background-color:#fff;
}
#main .section-topics .topics-list li:last-child {margin-right:0;}
#main .section-topics .topics-list a {padding-bottom:3.6em;}
#main .section-topics .topics-list a:after {
  border-left:20px solid #fff;
  border-bottom:20px solid #ff3a6d;
}
#main .section-topics .topics-list a:hover {
  text-decoration:none;
  opacity:.7;
}
#main .section-topics .topics-list .topics-photo {
  height:160px;
  overflow:hidden;
}
#main .section-topics .topics-list .topics-photo div {height:160px;}
#main .section-topics .topics-list a:hover .topics-photo div {
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
  transition:all .2s;
  -webkit-transition:all .2s;
}
#main .section-topics .topics-list .topics-date,
#main .section-topics .topics-list .topics-text {
  margin-left:15px;
  margin-right:15px;
  font-size:1.4rem;
}
#main .section-topics .topics-list .topics-tag {
  left:15px;
  font-size:1.3rem;
}
/* page-list */
#main .page-list,
#main .page-list-blue {margin-bottom:30px;}
#main .page-list li,
#main .page-list-blue li {
  float:left;
  width:32%;
  margin:1% 2% 0 0;
}
#main .page-list li:nth-child(1),
#main .page-list li:nth-child(2),
#main .page-list li:nth-child(3),
#main .page-list-blue li:nth-child(1),
#main .page-list-blue li:nth-child(2),
#main .page-list-blue li:nth-child(3) {margin-top:0;}
#main .page-list li:nth-child(3n),
#main .page-list-blue li:nth-child(3n) {margin-right:0;}
#main .page-list.list-column2 li {
  width:48%;
  margin:1% 4% 0 0;
}
#main .page-list.list-column2 li:nth-child(1),
#main .page-list.list-column2 li:nth-child(2) {margin-top:0;}
#main .page-list.list-column2 li:nth-child(2n) {margin-right:0;}
#main .page-list a:hover {
  color:#ff3a6d;
  background-color:#f7f7f7;
  background-image:url(/common-wr/img/arrow_right_pink.png);
  text-decoration:none;
}
#main .page-list a[target=_blank]:hover {background-image:url(/common-wr/img/link_external.png);}
#main .page-list-blue a:hover {
  opacity:.7;
  text-decoration:none;
}
#main .page-list .icon-tag {font-size:1.3rem;}
#main .page-list p {
  margin-top:8px;
  font-size:13px;
}
/* check-list */
#main .check-list {margin:60px 0 30px;}
#main .check-list p {width:82px;}
#main .check-list ul {
  padding:24px;
  padding-top:16px;
}
#main .check-list li {
  display:inline-block;
  margin:8px 20px 0 0;
}

/* global
-------------------------------------*/
#global-feature {display:table;}
#global-feature a {
  display:table-cell;
  width:50%;
  padding:0 30px;
  text-decoration:none;
  background-position:50% calc(100% - 10px);
  background-size:30px;
}
#global-feature a:last-child {border-left:1px dotted #039;}
#global-feature a:hover {
  text-decoration:none;
  background-image:url(/common-wr/img/circle_arrow_pink.png);
}
#global-feature dl {padding:20px 0 50px;}
#global-feature dt {
  margin-bottom:15px;
  font-size:2.2rem;
}
#global-feature dt span {background-position:100% 50%;}
#global-feature .feature01 dt span {padding-right:40px;}
#global-feature .feature02 dt span {padding-right:52px;}
#global-get {
  display:table;
  padding:30px 20px;
}
#global-get > * {
  display:table-cell;
  vertical-align:middle;
}
#global-get p a:hover {opacity:.7;}
#global-get p img {width:200px;}
#global-get dl {padding-left:20px;}
#global-get dt {font-size:1.6rem;}
#global-get dt a:hover {color:#007eff;}
#global04 h3.h-line span {
  padding-right:42px;
  background-size:36px;
}
#global05 h3.h-line span {
  padding-right:65px;
  background-size:60px;
}
#main .faculty-ffl-list {
  display:table;
  width:100%;
}
#main .faculty-ffl-list .title,
#main .faculty-ffl-list .text {
  display:table-cell;
  vertical-align:middle;
}
#main .faculty-ffl-list .title {
  width:310px;
  border-left-width:5px;
  border-left-style:solid;
}
#main .faculty-ffl-list .title img {height:76px;}
#main .faculty-ffl-list.faculty-ffl-en .title {
  background-color:#e8e8f6;
  border-left-color:#909eda;
}
#main .faculty-ffl-list.faculty-ffl-el .title {
  background-color:#f0facf;
  border-left-color:#b5cd4b;
}
#main .faculty-ffl-list.faculty-ffl-al .title {
  background-color:#ffecd6;
  border-left-color:#ff8f89;
}
#main .faculty-ffl-list.faculty-ffl-lir .title {
  background-color:#e3f0f7;
  border-left-color:#8db5c0;
}
#main .faculty-ffl-list .text {padding-left:30px;}
#main .faculty-ffl-box {margin-bottom:30px;}
#main .faculty-sc-box {
  display:table;
  margin-bottom:30px;
  padding:30px;
}
#main .faculty-sc-box > * {
  display:table-cell;
  vertical-align:top;
}
#main .faculty-sc-box .text {padding-left:25px;}
#main .faculty-cse-box {
  display:table;
  margin-bottom:30px;
  padding:30px;
  border-width:5px;
}
#main .faculty-cse-box > * {
  display:table-cell;
  vertical-align:top;
}
#main .faculty-cse-box > p {width:324px;}
#main .faculty-cse-box .text {padding-left:25px;}

/* about
-------------------------------------*/
#about01 .about-header {
  display:table-cell;
  height:390px;
  padding-left:450px;
  background-image:url(/common-wr/img/about01_bg_pc.jpg);
  background-repeat:no-repeat;
  vertical-align:middle;
}
#about01 .about-header .section-header p {width:auto;}
#about01 a.btn {min-width:290px;}

/* schools
-------------------------------------*/
#schools01 .box-column3 > * {
  width:32%;
  margin-right:2%;
}
#schools01 .box a:hover {opacity:.6;}

/* admissions
-------------------------------------*/
#admissions01 .admissions-mv {
  margin:0 -130px 30px;
  padding-top:20px;
  background-image:url(/common-wr/img/admissions_img01_bg.jpg);
  background-position:50% 0;
  background-repeat:no-repeat;
}
#admissions01 .admissions-mv a:hover{opacity:.7;}

/* features
-------------------------------------*/
#main .features-box .box-item {
  position:relative;
  float:left;
  width:32%;
  margin-right:2%;
}
#main .features-box .box-item:last-child {margin-right:0;}
#main .features-box dt {
  font-size:1.8rem;
  color:#039;
  display:table;
  vertical-align:middle;
  width:100%;
}
#main .features-box dt p span {font-size:1.4rem;}
#main .features-box dd {font-size:1.4rem;}

/* career
-------------------------------------*/
#career01 .box > div:first-child {
  width:44%;
  margin-right:3%;
}
#career01 .box > div:last-child {
  width:53%;
}
#career01 .career-box {padding:20px;}
#career01 .career-box-title {margin:-20px -20px 0;}
#career01 .career-box-card {margin:-90px 0 20px;}
#career01 .career-box-card .article-card:first-child {float:left;}
#career01 .career-box-card .article-card:last-child {float:right;}
#career01 .career-box-btn {text-align:right;}

/* challenging, interview, ,message
-------------------------------------*/
/* list header */
.artilce-list {margin:-45px 0 15px;}
.artilce-list .inner {height:380px;}
.artilce-list h1 {
  position:absolute;
  top:0;
  left:-130px;
  width:1280px;
}
/* category */
#main .cat {font-size:1.4rem;}
#main .cat:hover {text-decoration:none;}
#main .article-card .cat {font-size:1.2rem;}
/* category check */
#main .section-list {
  margin:0;
  padding:40px 0 35px;
}
/* article-list */
#main .section-article {padding:40px 0 20px;}
#main .section-lineup {
  margin-left:-20px;
}
#main .section-lineup .article-card {
  float:left;
  margin:0 0 20px 20px;
}
/* article-card */
#main .article-card {width:240px;}
#main .article-card a:hover {
  opacity:.7;
  text-decoration:none;
}
#main .article-card a.tri:after {
  border-left:15px solid #fff;
  border-bottom:15px solid #333;
}
#main .article-card .photo {
  height:160px;
  overflow:hidden;
}
#main .article-card .photo div {height:160px;}
#main .article-card a:hover .photo div {
  transform:scale(1.1,1.1);
  -webkit-transform:scale(1.1,1.1);
  transition:all .2s;
  -webkit-transition:all .2s;
}
#main .article-card .text {
  padding:15px;
  font-size:1.2rem;
}
#main .article-card .text .job {font-size:1.3rem;}
#main .article-card .text .name {font-size:1.6rem;}
#main .article-card .text .date {font-size:1.4rem;}
#main .article-card .text .title {font-size:1.4rem;}
#main .article-card .text .category {font-size:1.3rem;}
#main .article-card .link {
  padding:8px 15px;
  font-size:1.2rem;
}
/* more */
#main .section-article .btn-more {margin:20px 0 !important;}
/* keyoword */
#main .table-box .keyword {
  padding-top:15px;
  font-size:1.3rem;
}
#main .table-box .keyword dt {background-position:0 .3em;}
#main .article-card .keyword {
  padding:8px 15px;
  font-size:1.2rem;
}
#main .article-card .keyword dt {background-position:0 .3em;}
#main .article-header .keyword {
  padding-top:20px;
  font-size:1.4rem;
}
#main .article-header .keyword dt {background-position:0 .35em;}
/* article-header */
#main .article-header .logo {margin-bottom:20px;}
#main #challenge-header .logo img {height:48px;}
#main #message-header .logo {margin-bottom:10px;}
#main #message-header .logo img {height:52px;}
#main #interview-header .logo img {height:40px;}
#main .article-header .social {
  position:absolute;
  right:0;
  line-height:1;
  margin:0;
}
#main #challenge-header .social {top:28px;}
#main #message-header .social {top:32px;}
#main #interview-header .social {top:20px;}
#main #challenge-header {
  background-image:url(/common-wr/img/challenge_header_bg_pc.png);
  background-repeat:repeat-x;
}
#main .article-header p {margin-bottom:10px;}
#main .article-header .header {
  display:table;
  width:100%;
  table-layout:fixed;
}
#main .article-header .title {
  display:table-cell;
  vertical-align:middle;
  padding:40px;
  padding-bottom:20px;
}
#main .article-header .job,
#main .article-header .name {font-size:2rem;}
#main .article-header .graduate {margin-bottom:20px;}
#main .article-header .photo {
  display:table-cell;
  vertical-align:top;
}
#main .article-header .photo-inner p {
  padding:20px;
  font-size:1.3rem;
}
#main #challenge-header .challenge-header {
  display:block;
  padding:40px 60px 0;
  background-image:url(/common-wr/img/challenge_header_header_bg_pc.png);
  background-repeat:no-repeat;
}
#main #challenge-header .challenge-header h1 {margin-bottom:20px;}
#main #challenge-header .photo {display:block;}
#main #challenge-header .badge {
  top:15px;
  right:15px;
}
#main #challenge-header .badge li {margin-bottom:15px;}
#main #challenge-header .challenger {margin-top:25px;}
#main #challenge-header .challenger img {width:86px;}
#main #challenge-header .challenger ul {
  padding:25px 25px 0;
}
#main #challenge-header .challenger li {
  width:16%;
  margin-bottom:20px !important;
  font-size:1.3rem;
}
#main #challenge-header .challenger li span {font-size:1.5rem;}
#main #message-header h1 {
  margin-bottom:20px;
  font-size:2.6rem;
}
#main #message-header h1 + p {padding-top:20px;}
#main #interview-header h1 {
  margin-bottom:10px;
  font-size:4rem;
}
#main #interview-header h1 span {font-size:3rem;}
/* other-article */
#main .other-article {padding:30px 0;}
#main .section + .other-article {margin-top:40px;}
#main .other-article h4 {font-size:1.7rem;}
#main .article-slider {
  width:1040px;
  margin:0 auto;
}
#main .article-slider .slick-next,
#main .article-slider .slick-prev {top:140px;}
#main .article-slider .slick-next:hover,
#main .article-slider .slick-prev:hover {
  background-color:#333;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#main .article-slider .slick-next {right:-32px;}
#main .article-slider .slick-prev {left:-32px;}
#main .article-slider .article-card {margin:0 10px;}
/* article-back */
#main .article-back {margin-bottom:80px;}
#main .article-back a {font-size:1.4rem;}
#main .article-back a:hover {
  background-color:#303030;
  text-decoration:none;
}

/* campus
-------------------------------------*/
#main .campus-header {
  padding:70px 0;
  text-align:right;
  background-size:contain;
}
#main .campus-header a.btn:hover {
  color:#fff !important;
  background-color:#f60;
  background-image:url(/common-wr/img/arrow_right_white.png);
}
#main .campus-open {display:none;}
#main .campus-close {display:none;}
#main .section-campus {
  padding:30px 0 0;
  border-bottom:1px solid #039;
}
#main #campus01 .section-campus {padding-top:0;}
#main .section-campus .campus-title {
  position:relative;
  z-index:2;
  margin:0 0 -70px;
}
#main .wysiwyg .campus-title ul {
  position:absolute;
  z-index:2;
  right:0;
  top:0;
  marign:0 !important;
}
#main .section-campus-other .campus-title ul {top:40px;}
#main .wysiwyg .campus-title li {
  display:inline-block;
  margin:0 15px 0 0;
  padding:0;
  background-image:none;
}
#main .wysiwyg .campus-title li a {
  padding-right:12px;
  background-position:100% 50%;
  background-repeat:no-repeat;
  background-size:7px;
}
#main .wysiwyg .campus-title li a.up {background-image:url(/common-wr/img/tri_top_pink.png);}
#main .wysiwyg .campus-title li a.down {background-image:url(/common-wr/img/tri_bottom_pink.png);}
#main .section-campus h2.h-image img {width:226px;}
#main .campus-box-text,
#main .campus-box-image {
  display:talbe;
  width:50%;
}
#main .campus-box-text {display:table;}
#main .campus-box-text-inner {
  display:table-cell;
  vertical-align:middle;
}
#main .campus-box:nth-child(2n) .campus-box-text {float:left;}
#main .campus-box:nth-child(2n) .campus-box-image {float:right;}
#main .campus-box:nth-child(2n+1) .campus-box-text {float:right;}
#main .campus-box:nth-child(2n+1) .campus-box-image {float:left;}
#main .campus-box:nth-child(2n) .campus-box-text {padding-right:40px;}
#main .campus-box:nth-child(2n+1) .campus-box-text {padding-left:40px;}
#main .campus-box-image a:hover img {
  opacity:.7;
  -webkit-transition:opacity .2s, color .2s, background-color .2s;
  transition:opacity .2s, color .2s, background-color .2s;
}
#main .campus-box-image div a:hover:after {background-color:transparent;}
#main .campus-box-image ul li a:hover:after {
  position:absolute;
  left:50%;
  top:50%;
  content:"";
  margin:-28px 0 0 -28px;
  width:56px;
  height:56px;
  background-image:url(../img/icon_lightbox.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-color:transparent;
  border-radius:4px;
}
#main .campus-box-text h5 {font-size:2rem;}
#main .campus-box-text .campus-btns {margin-top:15px;}
#main .campus-box-text .campus-btns li {
  float:left;
  min-width:49%;
  margin:1.5% 2% 0 0;
  display:inline-block;
}
#main .campus-box-text .campus-btns li:nth-child(2n) {margin-right:0;}
#main .campus-box-text .campus-btns a.btn {
  font-size:1.4rem;
  min-width:230px;
}
#main #campus01 .campus-box-text .campus-btns a.btn:hover {background-color:#028dc0;}
#main #campus02 .campus-box-text .campus-btns a.btn:hover {background-color:#f6483b;}
#main #campus03 .campus-box-text .campus-btns a.btn:hover {background-color:#5e46d6;}
#main .campus-box-other {padding:50px 0 80px;}
#main .campus-box-other .other-title {font-size:1.6rem;}
#main .section-campus-other .campus-title {margin-bottom:40px;}
#main .section-campus-other h3.h-line {font-size:2.8rem;}
#main .section-campus-other h3.h-line:before {width:48%;}
#main .section-campus-other .other {
  width:50%;
  padding:40px;
}
#main .section-campus-other .other:nth-child(2),
#main .section-campus-other .other:nth-child(3) {background-color:#eee;}
#main .section-campus-other .other-title {font-size:2rem;}
#main .campusmap-box dd a:hover {text-decoration:none;}

/* koayamaao, library, sagi
-------------------------------------*/
#main .btns.btns-koyamaao {
  margin-bottom:30px;
  padding:20px 0;
  background-color:#e2ecff;
  background-image:url(/common-wr/img/koyamaAO_btns_bg.jpg);
  background-position:50% 0;
  background-size:cover;
  border:1px solid #039;
}
#main .schedule-koyamaao {
  padding:20px;
  font-size:1.4rem;
}
#main .star-koyamaao {
  padding-bottom:20px;
}
#main .star-koyamaao .star-bg {
  margin-bottom:20px;
  padding:40px;
}
#main .star-koyamaao dt {
  margin-bottom:30px;
  padding-bottom:20px;
  font-size:2.6rem;
}
#main .star-koyamaao dt span {
  font-size:5rem;
}
#main .star-koyamaao dd {
  margin-bottom:15px;
}
#main .star-koyamaao .star-hoshimiiru {
  position:absolute;
  right:20px;
  top:-30px;
  font-size:1.1rem;
}
#main .star-koyamaao .star-hoshimiiru span {
  display:inline-block;
  vertical-align:bottom;
}
#main .library-mylibrary {padding:20px;}
#main .library-mylibrary {
  display:table;
  width:100%;
}
#main .library-mylibrary dt,
#main .library-mylibrary dd {
  display:table-cell;
  vertical-align:middle;
}
#main .library-mylibrary dt {
  background-image:url(/common-wr/img/library_mylibrary_arrow.png);
  background-repeat:no-repeat;
  background-position:100% 50%;
}
#main .library-mylibrary dt span {
  display:inline-block;
  margin-right:20px;
  vertical-align:middle;
}
#main .library-mylibrary {margin-bottom:30px;}
#main .library-mylibrary dt span img {width:70px;}
#main .library-mylibrary dd {text-align:right;}
#main .library-mylibrary a.btn:hover span {background-image:url(/common-wr/img/library_mylibrary_login_on.png);}
#main .library-time {margin-bottom:20px;}
#main .library-time li {width:20%;}
#main .library-search .search-tab li {font-size:1.8rem;}
#main .library-search .search-tab li span {font-size:1.2rem;}
#main .library-search .search-box > div {padding:30px 60px;}
#main .library-search .search-box .search-item {margin-bottom:20px;}
#main .library-search .search-box .search-link {font-size:1.4rem;}
#main .library-search .search-item input[type="text"] {
  height:42px;
  padding:12px;
  padding-right:142px;
  font-size:15px;
}
#main .library-search .search-item input[type="submit"] {
  width:120px;
  height:42px;
  padding:0 25px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  text-align:left;
  background-position:80px 50%;
  background-size:20px;
}
#main .library-calendar .calendar-title .year {font-size:1.2rem;}
#main .library-calendar .calendar-title .month {font-size:1.4rem;}
#main .library-calendar .calendar-title .month span {font-size:3rem;}
#main .box.box-sagi > *:first-child {
  float:left;
  width:calc(100% - 255px);
}
#main .box.box-sagi.box-reverse > *:first-child {
  float:right;
  width:calc(100% - 255px);
}
#main .sagi-link {
  display:table;
  width:100%;
  margin-bottom:30px;
}
#main .sagi-link dt,
#main .sagi-link dd {
  display:table-cell;
  vertical-align:middle;
}
#main .sagi-link dt,
#main .sagi-link dt img {width:200px;}
#main .sagi-link dd {
  font-size:2rem;
  text-align:center;
  border:1px solid #ccc;
}
#main .sagi-link dt a:hover {opacity:.7;}