@import url("https://use.typekit.net/aco6sef.css");

*{
  max-width: 600px;
  margin: 0 auto;
/*¥ª¥ê¥¸¥Ê¥ë¤ÎʹÓÃ¥Õ¥©¥ó¥È
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
*/
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight: 600;
  font-style: normal;
}

/*hr{
  border: 0;
  width: 90%;
  margin: 0 auto;
  border-top: thick dotted;
  color: #494949;
  text-align: center;
}*/

/***************
**¥È¥Ã¥×¥Ú©`¥¸**
***************/

/*¸üÐÂÂÄšs*/

.change {
  margin: 0 auto;
}

.change h3 {
  margin-top: 15px;
  color: #494949;
}

.change table {
  margin: 0 auto;
}

.under_1 {
  background: linear-gradient(transparent 70%, #55a9b7 70%);
}

.under_2 {
  background: linear-gradient(transparent 70%, #f2a38b 70%);
}

.under_3 {
  background: linear-gradient(transparent 70%, #ffde94 70%);
}

.under_4 {
  background: linear-gradient(transparent 70%, #a9f7f7 70%);
}

.under_5 {
  background: linear-gradient(transparent 70%, #f2adad 70%);
}

.header_image {
  display: block;
  text-align: left;
  padding: 8px;
}

.header_image img{
  width: 400px;
}

.top_image img{
  width: 100vw;
  margin-bottom: 15px;
}

.top_title h2{
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 8px;
  color: #494949;
  font-weight: 600;
  line-height: 100%;
}

.top_title p{
  color: #494949;
  font-weight: 400;
  font-style: normal;
  text-align: center;
}

.icon{
  margin-bottom: 10px;
  margin-left: 5px;
  float: left;
}

.sys{
  margin-top: 50px;
}

.ap, .nyusi, .bosyu, .syutugan{
  clear: left;
}



.sys img{
  margin-right: 10px;
  margin-bottom: 0px;
  float: left;
  position: relative;
}

.ap img{
  margin-right: 10px;
  margin-bottom: 0px;
  float:left;
  position: relative;
}

.sys h3, .ap h3, .nyusi h3, .bosyu h3, .syutugan h3{
  color: #494949;
  font-size: 20px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 10px;
}

.sys h4, .ap h4, .nyusi h4, .bosyu h4, .syutugan h4{
  color: #494949;
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  margin: 0px;
}

.sys p, .ap p, .nyusi p, .bosyu p, .syutugan p{
  font-size: 12px;
  text-align: left;
  color: #494949;
  margin-top: 0px;
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
/*¥ª¥ê¥¸¥Ê¥ë¤ÎʹÓÃ¥Õ¥©¥ó¥È
  font-family: heisei-kaku-gothic-std, sans-serif;
*/
  font-weight: 300;
  font-style: normal;
}


.button_1, .button_2, .button_3, .button_4, .button_5{
  display: inline-block;
  font-weight: middle;
  padding: 0.25em 0.5em;
  margin-bottom: 10px;
  text-decoration: none;
  color: #515151;
  border-radius: 15px;
  transition: .4s;
}

.button_1{
  background-color: #55a9b7;
  margin-bottom: 20px;
}

.button_2{
  background-color: #f2a38b;
  margin-bottom: 20px;
}

.nyusi img{
  margin-right: 10px;
  margin-bottom: 0px;
  float:left;
  position: relative;
}

.button_3{
  background-color: #ffde94;
  margin-bottom: 20px;
}

.bosyu img{
  margin-right: 10px;
  margin-bottom: 0px;
  float:left;
  position: relative;
}

.button_4{
  background-color: #a9f7f7;
  margin-bottom: 20px;
}

.syutugan img{
  margin-right: 10px;
  margin-bottom: 0px;
  float:left;
  position: relative;
}

.button_5{
  background-color:#f2adad;
  margin-bottom: 20px;
}

/***************
**externallink**
***************/

.exLink-faculty {
    width: 20px;
    position: relative;
    top: 7px;
    left: 130px;
}

.exLink-major {
    width: 20px;
    position: relative;
    top: 7px;
    left: 130px;
}

.exLink-curriculum {
    width: 20px;
    position: relative;
    top: 7px;
    left: 115px;
}

.exLink-op {
    width: 20px;
    position: relative;
    top: 7px;
    left: 160px;
}

.exLink-qa {
    width: 20px;
    position: relative;
    top: 7px;
    left: 50px;
}

.exLink-ap {
    width: 20px;
    position: relative;
    top: 7px;
    left: 170px;
}

.exLink-nyushi {
    width: 20px;
    position: relative;
    top: 7px;
    left: 115px;
}

.exLink-kentei {
    width: 20px;
    position: relative;
    top: 7px;
    left: 162px;
}

.exLink-gakuhi {
    width: 20px;
    position: relative;
    top: 7px;
    left: 115px;
}

.exLink-syogakukin {
    width: 20px;
    position: relative;
    top: 7px;
    left: 130px;
}

.exLink-senbatsujokyo {
    width: 20px;
    position: relative;
    top: 7px;
    left: 130px;
}

.exLink-shiken {
    width: 20px;
    position: relative;
    top: 7px;
    left: 115px;
}

.exLink-yoko {
    width: 20px;
    position: relative;
    top: 7px;
    left: 147px;
}

.exLink-seikyu {
    width: 20px;
    position: relative;
    top: 7px;
    left: 163px;
}

.exLink-syutsugan {
    width: 20px;
    position: relative;
    top: 7px;
    left: 115px;
}

/***********
**¥Õ¥Ã¥¿©`**
***********/

#footer_image img{
  width: 100%;
  margin-top: 20px;
}

#footer {
  margin-top: 100px;
  width: 100%;
  background-color: #a4586c;
  border-top: solid 1px #a4586c;
}

#footer h3 {
  color: #ffffff;
  font-size: 16px;
  text-align: left;
  margin: 5px 0px 0px 5px;
}

#footer p {
  color: #ffffff;
  font-size: 14px;
  font-weight: 200;
  margin: 10px 0px 5px 5px;
}

/***********************
**¥Ï¥ó¥Ð©`¥¬©`¥á¥Ë¥å©`**
***********************/

.ham a{
  text-decoration: none;
}

.ham h4{
  color: #fff;
  font-size: 1.2rem;
  margin: 0px;
}

.ham p{
  color: #fff;
  font-size: 1.2rem;
  font-weight: lighter;
  text-indent: 1em;
  margin-bottom: 2px;
}

.ham p.end{
  color: #fff;
  font-weight: lighter;
  text-indent: 1em;
  margin-bottom: 0.3rem;
}

.ham p img {
  margin-right: 10px;
  vertical-align: middle;
  width: 20px;
}

.ham li{
  display: inline-block;
  list-style: none;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}

.ham hr{
  border: 0;
  width: 90%;
  margin: 0px;
  border-top: dotted;
  color: #fff;
  text-align: left;
}




#ham-menu {
    background-color: #353535; /*¥á¥Ë¥å©`±³¾°É«*/
    box-sizing: border-box;
    height: 100%;
    position: fixed;
    right: -300px; /*¥á¥Ë¥å©`ºá·ù width ¤ÈºÏ¤ï¤»¤ë*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s ¤Ï¥¢¥Ë¥á©`¥·¥ç¥ó¤Ë¤«¤«¤ë•rég*/
    width: 300px; /*¥á¥Ë¥å©`ºá·ù*/
    z-index: 1000;
}

#menu-background {
    background-color: #353535; /*ü\±³¾°*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s ¤Ï¥¢¥Ë¥á©`¥·¥ç¥ó¤Ë¤«¤«¤ë•rég*/
    width: 100%;
    z-index: -1;
}

#menu-icon {
    background-color: #353535; /*¥¢¥¤¥³¥ó²¿·Ö±³¾°É«*/
    border-radius: 0 0 0 10px; /*×óϽÇÍè*/
    color: #fff; /*¥¢¥¤¥³¥ó£¨¥Õ¥©¥ó¥È£©É«*/
    cursor: pointer;
    display: block;
    font-size: 50px; /*¥¢¥¤¥³¥ó£¨¥Õ¥©¥ó¥È£©¥µ¥¤¥º*/
    height: 50px; /*¥¢¥¤¥³¥ó¿k¸ß¤µ*/
    line-height: 50px; /*¿kλÖÃÖÐÑ뻯*/
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px; /*¥¢¥¤¥³¥óºá·ù*/
    transition: all 0.3s linear 0s; /*0.3s ¤Ï¥¢¥Ë¥á©`¥·¥ç¥ó¤Ë¤«¤«¤ë•rég*/
    z-index: 1000;
}

#menu-cb {
    display: none; /*¥Á¥§¥Ã¥¯¥Ü¥Ã¥¯¥¹±¾Ìå¤ÏÏû¤·¤Æ¤ª¤¯*/
}

#menu-cb:checked ~ #ham-menu,
#menu-cb:checked ~ #menu-icon {
    transform: translate(-300px); /*¥á¥Ë¥å©`±¾Ìåºá·ù width ¤ÈºÏ¤ï¤»¤ë*/
}

#menu-cb:checked ~ #menu-background {
    opacity: 0.5;
    z-index: 999;
}

/****************************************
**campus_life_diary£¨¥ê¥ó¥¯¥Ü¥¿¥ó¤Î¤ß£©**
****************************************/

.rounded-link_diary {
    display: inline-block;
    box-shadow: 0 0 3px #000000;
    border-radius: 20px;
    padding: 5px 0;
    width: 70%;
    background: #9E5D60;
    color: #FFFFFF;
}

.arrow-button_diary {
    position: absolute;
    width: 25px;
    right: 18%;
    top: 5%;
}