@charset "utf-8";
/* **************************************************
レスポンシブ�O協あり
CSS Information
File Name :_responsive
Style Info: システム垢僥何?システム垢僥冩梢親
Date: 2018.3.1

************************************************** */

/*====================================*
　畠悶　デザイン
==================================== */


#page {
        width: auto;
        margin: 0 auto;
}

#contents {
        min-width: 640px;
        background-color: #f9f9f4;
        padding-top:  0;
        max-width: 1020px;
        margin:  0 auto;
        }

#contents .inner {
         width: auto;
         max-width: 1020px;
         min-width: 640px;
         margin: 0 auto;
         padding: 0 10px;
	}


#main {
	width: auto;
	float: none;
	}

.articleBody {
	padding: 0px 0 20px;
}

.listBody {
         margin-top: 0px;
         width: auto;
}

        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        #page .smpNaviPush{
                width: auto;
                max-width:640px;
         }

        #page .smpNaviPush{
                display:none;
         }

        #contents, #contents .inner{
                min-width: 320px;
                padding: 0 !important;
        }

       .articleBody {
    /*            padding: 0; */
        }
	}


/*====================================*
 　��並　デザイン
==================================== */

.body .fontS {
        font-size:75%;
}

.body p {
         padding: 10px 50px;
         margin: 0 auto;
        }

.text{
         margin: 20px 10px;
}

.bold{
         font-weight: bold;
}

div#contents h2{
         font-size: 2em;
         padding: 10px 10px 10px;
         margin: 10px;
         margin-top: 30px !important;
         border-bottom: 0;
         color: #494949;/*猟忖弼*/
         background: transparent;/*嘘尚邑苧に*/
	 border-radius: 0px 0px 0 0;
	}

.body h3 {
         margin: 5px 20px 5px 40px;
         background: none;
         padding-bottom: 5px;
         padding-top: 10px;
         padding-left:0 ;
         border-bottom: solid 0.5px;
         }

.body h3:before {
         display: none;
	 }

.body h3.borderNone {
          border-bottom:none;
          padding-bottom:  0;
          margin: 20px 48px 0;
          font-size: 1.6em;
}

.body h4 {
	 margin: 10px 15px ;
         border-bottom: 0;
         }


#contents .subtitle {
	 padding: 20px 10px;
	 font-size: 2em;
	 text-align: center;
	 line-height: 1.3em;
         margin-top: 10px;
	}

/*　廣吭��き　膨叔でかこむ*/
.accshow .note {
	 text-align: center;
	 margin: 0 0 15px;
        }

.accshow .note span {
	 display: inline-block;
	 padding: 10px;
	 font-weight: bold;
	 border: solid 1px #ccc;
	 border-radius: 3px;
	 font-size: 1.4em;
        }

.body ul {
         font-size: 1.4em;
      /* margin: 10px 20px 10px 40px; */
         margin: 10px 50px 10px 70px;
         }

.body ol {
	margin: 1em 3em;
         }

.body dt {
	margin: 1em 4em;
}
.body dd {
	margin: 0.5em 6em;
}




/*　僥伏伏試�笑涸防�メッセ�`ジ　フォントサイズを弌さく　*/
.msg02 {
      font-size: 80%;
      display: block;
        }

/*　センタリング　*/
.centering {
/*        text-align: center;　*/
        }

/*　�M揃?祥��　*/
.career {
        padding: 10px;
        text-align: center;
       }


/* キャッチコピ�` */
.catch {
	font-size: 1.7rem;
	font-weight: bold;
	text-align: left;
	padding: 0px;
	margin: 30px 50px 5px;
	line-height: 1.5;
        }

/*ボタンの嘔�箸烹陲鯏籌�*/
.body .right {
        display: inline-block;
        width: 70%;
       }

.body .right p{
        padding:0;
        padding-left: 20px;
       }

/*　僥伏伏試�笑涸防�メッセ�`ジ */
div#contents .m-message {
        padding: 0 10px 20px;
        }



div#contents .m-message h2 span{
        display: block;
        margin-bottom: .2em;
        color: #000;
        font-size: .7em;
        font-weight: normal;
        }

div#contents .m-message p{
        padding: 10px;
        }

 /*リンク*/
.body .link {
	font-size: 1.4rem;
	padding: 1em 0 0 2em;
	line-height: 1.5;
	text-indent: 1.5em;
	}

.body .link:before {
        width: 15px;
        right: 8px;
        content: '\f138';
        font-family: FontAwesome;
        padding-right: 8px;
        color: #4e5f87;
        }

.body .link a {
        text-decoration:none;
        /* padding: 10px; */
        color: #1982d2;
        }

.body .link .externalLink:after {
        padding-left: 25px;
        }

/*光クラスタペ�`ジ　冩梢蛍勸�B初*/
.body .name {
        font-size: 1.7em;
        text-align: right;
        margin: 1em;
        }

.body .image {
	 margin: 5px 20px;
	 text-align: center;
        }


.body .image p{
	 padding: 0px 0px 20px 20px;
	 text-align: left;
        }

/* 僥伏伏試�笑涸防�からのメッセ�`ジ  */
.interview {
      display: block;
      margin: 0 auto;
      width: 95%;
        }

.interview  .profile {
      display: inline-block;
      width: 65%;
      margin: 20px 0;
        }

.interview  .profile table {
      width: 100%;
        }

 .interview .imgL {
        display: inline-block;
        width: 30%;
        margin: 20px 20px 0 0;
        }


        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

	.body p {
		 padding: 15px;
	}

	.body h3 {
                margin: 5px 10px;
        }

         .body h3 {
                 margin: 20px 10px 7px;
	}

         .body h3.borderNone {
                   margin: 20px 15px 0;
         }

        .body h4 {
                margin: 0;
                padding: 0 10px;
        }

        .body ul {
                margin: 10px 20px 10px 40px;
         }

	.body ol {
		/*margin: 10px  10px 10px 40px;*/
        }

	.body dl {
		 margin: 1em 1em 0 1em;
	}

	 .body dt {
		 margin: 1em 0 0.5em;
	}
	 .body dd {
		 margin: 0.5em 0;
	}

        /*　pの嶄に鮫�颪鯣襪譴襦�*/
        .body p img {
             /*   padding: 10px; */
        }


        #contents .subtitle {
                padding: 10px;
                font-size: 1.7em;
                line-height: 1.2;
        }


	/* キャッチコピ�` */
        .catch {
                margin: 30px 15px 5px;
        }

	/* ボタンの嘔�箸烹陲鯏籌� */
	.body .right {
        	width: 48%;
        	padding-left: 5px;
	}

	.body .right p{
    	        padding-left: 5px;
	}

	/*pdfへリンク*/
	.body .link {
		margin: 10px;
	        text-indent: -1.5em;
	}

        /* 嶷勣なお岑らせ　冉巖宥郊利_�崕靈�嗄老-‐嚔赤峠岬／ ��並ペ�`ジ*/
	.contentGpArticleDoc .body {
		padding: 0;
	}
	.contentGpArticleDoc .body ul{
		margin: 1em 2.5em;
	}


	/*光クラスタペ�`ジ　冩梢蛍勸�B初*/
        .body .name {
                font-size: 1.6em;
                line-height: 1.2;
        }

        .body .image p{
	         padding: 0px;
	         text-align: left;
	}

        .body .imgR {
                 text-align: center;
        }

        /* 僥伏伏試�笑涸防�からのメッセ�`ジ  */
        .interview .imgL {
                display: block;
                width: auto;
                margin: 0px;
                padding: 10px 0px;
                text-align: center;
        }

        .interview .profile {
                width: auto;
                display: block;
        }
        }

/*--------------------------------------------------
        鮫��
-------------------------------------------------- */
/*Chromeだけ鮫�颪��s弌されたときにぼけてしまう�F�鵑魃椶韻誡�峰*/
img{
	-webkit-backface-visibility: hidden;
	}


/*　猟嫗嶄のイメ�`ジ鮫�顱�*/
.titleImage img {
        display:block;
        width: 80%;
        margin: 0 auto;
        }

.body .imgR,
.body .imgL {
       /*  float: right;　*/
         margin:15px;
       text-align:  center;
       width: 30%;
}




/* 亟寔を3旦參貧罪に�Kべる　メジャ�`悶�Y處��　*/

.body ul.col3{
	margin: 10px 5px;
	 }

.body ul.col3 li {
	float: none;
	margin: 0;
	display: -webkit-inline-box;
	margin-bottom: 5px;
	vertical-align: top;
        }



/*　�M揃?祥��　*/
.careerText img{
        width: 40%;
        padding-left:30px;
        max-width: 160px;
       }


/*　pの嶄に鮫�颪鯣襪譴襦�*/
.body p img {
/*         padding: 5px;
         margin: 0 auto;*/
       }

/*　僥何�Lメッセ�`ジ　亟寔*/
        .message {
                text-align: center;
        }




        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        /*　猟嫗嶄のイメ�`ジ鮫�顱�*/
        .titleImage img {
                width: 90%;
        }

        .body .imgR,
        .body .imgL {
                width: 70%;
                margin: 0 auto !important;
        }

        /* 亟寔を３旦參貧罪に�Kべる　メジャ�`悶�Y處��　*/
	.body ul.col3 li {
		display: block;
		max-width: 300px;
		margin:  0 auto;
		padding: 0.5em;
	}

        /*　光ペ�`ジトップのイメ�`ジ鮫�顱�*/
        .smpTitleImage img {
                display: block;
                width: 100%;　
        }

	/*　�M揃?祥��　*/
	.careerText img{
  	  　    width: 45%;
                padding-left: 10px;
	}

	/* �B�Aした鮫�� */
	.body img + img {
		margin-left: 0px;
		margin-top: 10px;
	}

	/*　僥何�Lメッセ�`ジ　亟寔*/
        .message img{
                width: 50%;
                max-width:  200px;
        }
	}

/*--------------------------------------------------
         燕
-------------------------------------------------- */
.body table {
	 display: inline-block;
	 width: auto;
	 margin: 1.5em;
}

.body table tbody {
	background-color:#fff;
}

.body table th {
	white-space: normal;
}


/*光クラスタペ�`ジ　毅輝縮�Tの燕*/
#stafflist {
        text-align: center;
        }

#stafflist .staff {
        width:25%;
        font-size: 1em;
        text-align: left;
        }

#stafflist .position {
        width:15%;
        text-align: center;
        }

#stafflist .key {
	text-align:left;
        }

/*冉巖宥郊利_�崕靈�嗄老-‐嚔赤峠岬／の燕*/
.body table.exam {
        background-color:#fff;
     /*   width: 75%;　*/
        margin: 0 50px;
        }

.body table.exam th,
.body table.exam td {
        padding: 1em 10px;
        }

        /*     	Responsive Settings
         -------------------------------------------------- */
        @media screen and (max-width:640px) {

	.body table {
		 margin: 0 auto;
		 width: 95%;
		 display: block;
	}

        /*光クラスタペ�`ジ　毅輝縮�Tの燕*/
        #stafflist .ac {
                display: none;
        }

        #stafflist .staff {
                display: inline-block;
                width: 72%;
                background-color: #eee;
                padding: 1em 5px;
        }

        #stafflist .position {
                display: inline-block;
                width:15%;
                background-color: #bbb;
        }

        #stafflist .key {
                display: block;
                width: auto;
                border: none;
                text-align: left;
                padding: 1rem 3rem;
        }

	/*冉巖宥郊利_�崕靈�嗄老-‐嚔赤峠岬／の燕*/
	.body table.exam {
                width: 100%;
                margin-left: 0px;
        }
        }


/* --------------------------------------------------
	PC/スマホ燕幣で俳り紋える
-------------------------------------------------- */
/*PC燕幣のときは個佩しない*/
.br-sp{
       display: none;　
        }

/*PC燕幣のとき個佩する*/
.br-pc{
        display: block;
        display: inline;
        }

/*PC燕幣のときは燕幣する*/
.none-sp{
        display: block;
        display: inline;　
        }

        /*	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        /*スマホ燕幣のときは個佩する*/
	.br-sp{　
                display: block;
                display: inline;
        }
        /*スマホ燕幣のときは個佩しない*/
	.br-pc{
                display: none;　
        }

	 /*スマホ燕幣のときは燕幣しない*/
	.none-sp{
                display: none;
                /*　display:;　*/
        }
        }




/*====================================*

 　ボタンデザイン

==================================== */
/* --------------------------------------------------
	.btn01　ボタン01
-------------------------------------------------- */
.btn01 {
        padding: 10px;
        display:  block;
        text-align: center;
        line-height:  1.2;
        }

/*クラスタ�B初トップペ�`ジのボタン喘、
これがないと罪嫌いっぱいの���譴縫螢鵐�がかかってしまう*/
.clustertoppage {
        margin: 0 auto;
        width: 160px;
}

/*メジャ�`�B初トップペ�`ジのボタン喘、
これがないと罪嫌いっぱいの���譴縫螢鵐�がかかってしまう*/
.majortoppage {
        margin: 0 auto;
        width: 160px;
}

.btn01 li {
	display:inline-block;
}

.btn01 a {
        text-decoration: none;
}

/*マウスオンの�rにアンダ�`ラインが燕幣されてしまうため弖紗*/
.btn01 a:hover {
        text-decoration: none;
}

.btn01 a span:hover {
        background-color: #8E9BBE;
}

.btn01 a span{
        width: 150px;
        margin: 0 auto;
        display: block;
        font-size: 13px;
        border-bottom: 3px solid rgba(0,0,0,0.5);
        border-top: 3px solid rgba(255,255,255,0.5);
        border-radius: 3px;
        -webkit-transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        color: #fff;
        padding: 10px 5px;
        }



.accbox .btn01 a {
          text-decoration: none;
        }

.accbox .btn01 a span:hover {
        background-color: #8E9BBE;
        }


/* --------------------------------------------------
	亟寔原リンクボタン　��僥伏インタビュ�`など��
-------------------------------------------------- */

.photoBtnAll{
        margin:0 auto;
        width: 90%;
}

.photoBtn {
	display: block;
	width: 45%;
	padding: 1em;
	text-align:  center;
	background-color: #fff;
	margin: 5px;
	vertical-align: top;
	/*min-height: 22em;*/
	float: left;
	border: #ccc 1px solid;
	background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right 30px center;
}

/* .photoBtn2は俐阻伏インタビュ�`ペ�`ジ喘��1カラム�� */
/* ここから */

.photoBtn2 {
	display: block;
	width: 80%;
	padding: 1em;
	background-color: #fff;
	margin: 5px 50px 5px 50px;
	vertical-align: top;
	/*min-height: 22em;*/
	float: left;
	border: #ccc 1px solid;
}

.photoBtn2 .photo img {
	height: 110px;
	object-fit: cover;
}

.photoBtn2 .photo {
	width:  25%;
	display:  inline-block;
        vertical-align:top;
}

.photoBtn2 .tab.grad {
	background-color:#4e5f87;
}

.photoBtn2 .tab {
    color: #fff !important;
    margin-right: 5px;
    padding: 1px 2px;
}

.photoBtn2 .right {
	width:  70%;
	position:relative;
	text-align: left;
}

.photoBtn2 .right a {
	text-decoration:none;
	left:10px;
	width: 100%;
	height:  auto;
	background-position-x: 95%;
}

.photoBtn2 .main{
	margin-top: 10px;
	display:  block;
	text-align:  left;
	font-size: 1.5em;
	width:  80%;
	line-height:  1.2;
	color:  #000 !important;
}

/* photoBtn2 ここまで */

/* .photoBtn3は壓丕伏インタビュ�`ペ�`ジ喘��1カラム��
   俐阻伏インタビュ�`より嫌を倭く */

.photoBtn3 {
	display: block;
	width: 60%;
	padding: 1em;
	background-color: #fff;
	margin: 5px 50px 5px 150px;
	vertical-align: top;
	/*min-height: 22em;*/
	float: left;
	border: #ccc 1px solid;
}

.photoBtn3 .photo img {
	height: 100px;
	object-fit: cover;
}

.photoBtn3 .photo {
	width:  25%;
	display:  inline-block;
        vertical-align:top;
        margin-right: 60px;
}

.photoBtn3 .tab.grad {
	background-color:#4e5f87;
}

.photoBtn3 .tab {
    color: #fff !important;
    padding: 1px 2px;
}

.photoBtn3 .right {
	width:  55%;
	position:relative;
	text-align: left;
}

.photoBtn3 .right a {
	text-decoration:none;
	left:10px;
	width: 100%;
	height:  auto;
	background-position-x: 95%;
}

.photoBtn3 .main{
	margin-top: 10px;
	display:  block;
	text-align:  left;
	font-size: 1.5em;
	width:  80%;
	line-height:  1.2;
	color:  #000 !important;
}

/* photoBtn3 ここまで */

.photoBtn-empty {
        visibility: hidden;
	display: block;
	width: 45%;
	padding: 1em;
	text-align:  center;
	background-color: #fff;
	margin: 5px;
	vertical-align: top;
	/*min-height: 22em;*/
	float: left;
	border: #ccc 1px solid;
}

.photoBtn.wide.border-top{
                border-top: #ccc 1px solid;
}


.photoBtn.wide{
        display: block;
        width: 90%;
        margin: 0 5%;
        border: 0;
        border-bottom: #ccc 1px solid;
}

.photoBtn.wide .photo img{
        width:100%;
        object-fit:cover;
}

.photoBtn.wide.wordOnly{
        height: 5em;
        background:  url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right 5% center;
        background-color: #fff;
}

.photoBtn.wide.wordOnly a{
        text-decoration: none;

}

.photoBtn.wide.wordOnly .main{
        position: relative;
        margin: 0 3%;
        line-height: 2em;
}

.photoBtn.wide .main{
      /*  top:15%; */
}

.photoBtn:hover{
	background-color: #ddd;
}

.photoBtn.wide.wordOnly:hover{
	background-color: #ddd;
}


.photoBtn .photo{
	width:  35%;
	display:  inline-block;
        vertical-align:top;
}

.photoBtn-empty .photo{
	width:  35%;
	display:  inline-block;
        vertical-align:top;
}

.photoBtn .photo img{
	height: 110px;
	object-fit: cover;
}


.photoBtn-empty .photo img{
	height: 110px;
	object-fit: cover;
}

.photoBtn .right{
	width:  60%;
	height: 110px;
	position:relative;
	text-align: left;
	margin-top: 5px;
}

.photoBtn-empty .right{
	width:  60%;
	height: 110px;
	position:relative;
	text-align: left;
	margin-top: 5px;
}


.photoBtn .right p{
/*	line-height:1.4em;
	 margin-top:1em;
	position:  absolute;
	top: 60%;
	padding: 5%;
	width:  100%;
	font-size: 1.3em;*/
}

.photoBtn .right a{
	text-decoration:none;
	position:absolute;
	/* top: 30%; */
	left:10px;
	width: 100%;
	/* background: url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right 15px center; */
	height:  auto;
	background-position-x: 95%;
}


.photoBtn .main{
	margin:  0;
	padding-top:  5px;
	display:  block;
	text-align:  left;
	/*position:  absolute;
	top: 45%; */
	font-size: 1.5em;
	width:  80%;
	line-height:  1.2;
	color:  #000 !important;
        margin-top: 5px;
}


.photoBtn .sub{
	font-size: 1.2em;
	line-height:1.2em;
	text-align: left;
	/*position:  absolute;
	bottom: 55%;*/
	width: 80%;
	color:  #000 !important;

}

/* photonBtn.subで仝display:block;々 */

.photoBtn .sub2{
	/* position:  absolute; */
	/* bottom: 5%; */
	width: 81%;
	color:  #000 !important;
	display:  block;
	font-size: 1.2em;
}

.photoBtn p{
	line-height: 1.4em;
	text-align:  left;
	padding: 8px;
}


.photoBtn .articleLink{
	width: 80%;
	left:  5px;
	margin:  0 auto;
	margin-top: 1em;
}


.photoBtn .articleLink a{
	color:  #fff !important;
}

/* MDキャリアパスなど　*/

.photoBtnAll.voice .photoBtn {
         width:90%;
}


.photoBtnAll.voice .photoBtn .main{
	/* position:  relative; */
	/* top: 0; */
	/* margin:  5px 0; */
	 padding-top:  0;
}


.photoBtnAll.voice .photoBtn .sentence{
	margin: 10px 52px 5px 0;
	display:  block;
	border-bottom: 2px dotted #ccc;
	font-size: 1.5em;
	line-height:  1.4;
}

.photoBtnAll.voice .photoBtn .sub{
	position:  relative;
	bottom: 0;
}


/*t タブ　*/
.photoBtnAll.voice .photoBtn .tab,
.photoBtnAll .photoBtn .tab{
	color:#fff !important;
	margin-right: 5px;
	padding:  1px 2px;
}



.photoBtn .tab.grad{
	background-color:#4e5f87;
}

 .photoBtn .tab.si{
	background-color:#0072ac;
}

/*
.photoBtnAll.voice .photoBtn .tab.grad{
	background-color:#4e5f87;
}

.photoBtnAll.voice .photoBtn .tab.si{
	background-color:#0072ac;
}
*/




        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {
        .photoBtnAll{
                width: 100%;
        }

        .photoBtn.wide{
                width: 100%;
                margin: 0;
        }

        .photoBtn.wide .photo img{
                height:80px;
                width: 100%;
        }

       .photoBtn.wide .photo{
                text-align:left;
                width: 30%;
                float:  left;
        }

	.photoBtn.wide .right{
		width: 68%;
		height: auto;
		vertical-align: middle;
		}

	.photoBtn.wide .right a{
		/* height: 80px; */
        }




	.photoBtn .right a{
		background-position-x: 90%;
        }

	.photoBtn {
		display:block;
		width: 97%;
		padding: 0.5em;
		border:  0;
		border-bottom: #ccc solid 1px;
	}

        /*  .photoBtn2は俐阻伏インタビュ�`ペ�`ジ喘 */
	.photoBtn2 {
		display:block;
		width: 95%;
                margin: 5px;
		padding: 0.5em;
		border:  0;
		border-bottom: #ccc solid 1px;
        }

        .photoBtn2 .right {
	        width:  60%;
        }

        .photoBtn2 .photo {
	        width:  35%;
	        display:  inline-block;
                vertical-align:top;
        }

        /* photoBtn2ここまで */

        /* .photoBtn3は壓丕伏インタビュ�`ペ�`ジ喘 */

	.photoBtn3 {
		display:block;
		width: 95%;
                margin: 5px;
		padding: 0.5em;
		border:  0;
		border-bottom: #ccc solid 1px;
        }

        .photoBtn3 .photo {
	        width:  35%;
	        display:  inline-block;
                vertical-align:top;
                margin-right: 0px;
        }

        .photoBtn3 .right {
	        width:  62%;
        }

        /* photoBtn3ここまで */

	.photoBtn.bordertop{
                border-top: #ccc 1px solid;
        }

	.photoBtn.wide.wordOnly{
   	     background-position-x: 91.5%;
	}


        .photoBtn .articleLink{
	        width: 80%;
                }

	.photoBtn .articleLink a{
		padding:  5px 35px 5px 5px;
                font-size:0.8em;
		}


/* MD キャリアパス　*/
        .photoBtnAll.voice .photoBtn .photo img{
                height: 126px;
                width: 100%;
        }

        .photoBtnAll.voice .photoBtn {
                 width: 100%;
        }

        .photoBtnAll.voice .photoBtn .sentence{
                line-height:  1.2;
        }
	}






/* --------------------------------------------------
	.careerBtn　　�M揃?祥��
-------------------------------------------------- */

.careerBtn {
        margin: 0 auto;
        /*display: inline-block;*/
        width: 165px;
        background-color: #eee;
        box-shadow: 1px 1px 1px;
        padding: 5px;
        border-left: 5px solid #a4e519;
        border-radius: 3px;
        text-align: center;
       /* margin-left: 30px;*/
       }

.careerBtn a {
        font-size: 1.4rem;
        text-decoration: none;
        text-align: center;
        margin: 0 auto;
       }


.careerBtn span {
        display: inline-block;
        color: #666;
        vertical-align: middle;
        margin: 0 auto;
        line-height: 1.3;
       }

        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        /*　�M揃?祥��のペ�`ジ　*/
        .careerBtn {
              /*  margin-left:0; */
                vertical-align: top;
                width: 40%;
        }

        .careerBtn a {
                font-size: 1.2rem;
        }
	}

/* --------------------------------------------------
	.categoryList02　�eペ�`ジリンクボタン��pcの�r嫌45�ィ�
-------------------------------------------------- */
.body .categoryList02 a {
	background: #eee url(../tmpl-img/ico_arrow06.png) no-repeat right center;
	line-height: 1.2em;
	background-position: 98.5%;
	padding: 15px 35px 15px 15px;
	}

.categoryList02 a:hover {
        background-color: #eee;
	}

.categoryList02 .iconPdf {
	padding-right: 24px;
	background: url(/_themes/wakayama-u/sys/tmpl-img/ico_pdf01.png) no-repeat right center;
	}

.body div.categoryList02 {
	display: block;
	margin: 0 auto;
	width: 40%;
	font-size:  1.4em;
	}


div.categoryList02 a {
        border: 1px solid #ddd;
        line-height: 1.2em;
        margin: 5px;
	}

.body ul.categoryList02 {
        font-size: 1.4em;
        padding: 10px 40px;
         margin: 10px 20px 10px 40px;
       }


ul.categoryList02 li {
        display: inline-block;
        list-style-type:none;
        margin: 5px;
        background-color: #eee;
        border: 1px solid #ddd;
        line-height: 1.2em;
	}


.categoryList02 li a {
        padding: 10px 30px 10px 10px;
        }

.categoryList02 li p {
        margin: 1em;
       }


.articleBody .body ul.categoryList02 li {
        width: 45%;
       }


	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {

	.body div.categoryList02 {
		width: 100%;
		border-top: #acafb6 solid 1px;
	}

	.body div.categoryList02 a {
      	 	margin: 0px;
      	 	border:0;
       		border-top:1px solid #eee;
	}

	.body ul.categoryList02 {
 	        width: 100%;
  	        padding: 0;
  	        margin: 0;
     　 }
　
	.body ul.categoryList02 li {
  	     	margin: 0px;
 	        display: block;
	}

	.articleBody .body ul.categoryList02 li {
		border:  0;
		border-top:  solid 1px #acafb6;
		width: 100% !important;
		margin:  0;
	}

	.articleBody .body ul.categoryList02 li:last-child {
 	        border-bottom:  solid 1px #acafb6;
	}

	.articleBody .body ul.categoryList02 li.border-bottom-none{
       		border-bottom:0;
	}
	}


/*-------------------------------
　.articleList �eペ�`ジリンクボタン��pcの�r嫌ﾚ��
-------------------------------------*/
.body .articleList {
	margin: 10px 50px 30px;
}
.body .articleList li {
	margin: 10px 20px;
}
.body .col3 .ac ul {
	display: block;
	width: 100%;
}

	/*	Responsive Settings
	-------------------------------------------------- */
	@media screen and (max-width:640px) {
	.body .articleList,
	.body .articleList li {
		margin: 0px;
	}
}


/*-------------------------------
　.articleLink　���劵椒織�
-------------------------------------*/
.articleLink {
        display: block;
        font-size: 1.2rem;
        width: 200px;
        margin-left: auto;
        margin-right: 15px;
        margin-top: 10px;
        border-bottom: 2px solid rgba(0,0,0,.3);
        border-top: 2px solid rgba(255,255,255,.3);
        border-radius: 20px;
        padding: 0px;

}

.body .articleLink a {
        background:  url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right 15px center;
        border: none;
        line-height:1.2;
        text-align:center;
}

.body .articleLink a:hover {
 	opacity: 0.5 ;
        transition: 0.5;
}

.articleLink span {
       color: #fff;
}

/*--------------------------------------------------
              	#pagelink　ペ�`ジ坪リンクボタン
-------------------------------------------------- */

#pagelink {
        display: block;
        width: auto;
        list-style: none;
        text-align: center;
        /* margin-top: 10px; */
        margin: 10px;
}

#pagelink ul {
        margin: 0;
        line-height: 0;
}

#pagelink li {
         display: inline-block;
         font-size: 1em;
         text-align: center;
         margin: 0.1em 0.1em 0 0;
}

#pagelink li a {
        padding: 0.5px;
        display: table;
        width: 100%;
        line-height: 1.3;
        margin: 0 2px;
        text-decoration: none;
}


#pagelink li a span {
        display: table-cell;
        vertical-align: middle;
        height: 60px;
        width: 100px;
        background-color: #4E5F87;
        border-bottom: rgba(0,0,0,0.2) solid 3px;
        border-top: rgba(255,255,255,0.2) solid 3px;
        -webkit-transition-property: background-color;
        -webkit-transition-duration: 0.4s;
        -webkit-transition-timing-function: linear;
        color: #fff;
        padding: 0 5px;
}


#pagelink a span:hover {
         color: #fff;
         background-color:#8E9BBE;
}

/*     	Responsive Settings
-------------------------------------------------- */
@media screen and (max-width:640px) {

       #pagelink ul {
                font-size: 1em;
                margin: 3px;
        }

        #pagelink li a span {
                height: 60px;
                width: 68px;
                font-size: 1.2em;
        }

}


/*--------------------------------------------------
      ��い栽わせボタン
-------------------------------------------------- */

.inquiryBtn {
        color: #fff;
        display: block;
        font-size: 1.2rem;
        text-align: center;
        padding: 0;
        margin: 0 auto;
        width: 200px;
        border-bottom: 3px solid rgba(0,0,0,0.2);
        border-top: 3px solid rgba(255,255,255,0.2);
        border-radius: 5px;
        background-color: #4e5f87;
        }


.inquiryBtn a {
	text-decoration: none;
        }

.inquiryBtn a span{
        display: block;
        font-size: 1.3rem;
        margin: 0 auto;
        text-decoration: none;
        color: #fff;
        padding: 10px 5px;
        }

.inquiryBtn a span .fontS{
        font-size: 85%;
        line-height: 1.4;
        padding-bottom: 5px;
        padding: 0;
        }

.inquiryBtn a span:hover {
        background-color: #8E9BBE;
        }

        /*     	Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        .inquiryBtn .btn02 {
                width: 48%;
        }
        }


/*====================================*

 　エフェクト

==================================== */

/*--------------------------------------------------
　 �Aきを��るボタン�┫麪г坤擧`ジ��
-------------------------------------------------- */
.grad-item-smp {
          position: relative;
          height: auto;
          margin: 0 auto;
          padding: 0px 5px 25px;
          line-height: 1.9em;
          }

.grad-item-smp p {
      /*    font-size: 1.4em; */
          padding: 15px 20px;
          }

.grad-trigger {
          display: none; /*チェックボックスは械に掲燕幣*/
          }

          /*     	Responsive Settings
          -------------------------------------------------- */
          @media screen and (max-width:640px) {

	.grad-item-smp {
                padding: 25px 5px 25px;
        }

        .grad-wrap {
                position: relative;
                margin: 5px 0 20px;
        }

        .grad-btn {
                display: block;
                z-index: 2;
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                width: 250px;
                margin: auto;
                padding: .5em 0;
                border-radius: 2px;
                background: #fff;
                color: #4E5F87;
                border: solid 1px #4E5F87 ;
                font-size: 1.4em;
                text-align: center;
                cursor: pointer;
                transition: .2s ease;
                box-shadow: 0 0 3px rgba(0,0,0,.3);
          /*デモ喘の匯箭。.grad-btnのCSSは燕幣/掲燕幣の�嘛�には�v�Sないので、ご徭喇にどうぞ。*/
          }
          .grad-btn::before {
                content: "�Aきを�iむ"
          }

          .grad-item-smp {
                overflow: hidden;
                height: 150px; /*�Lした彜�Bの互さ*/
                padding: 5px 0px 50px;
          }

          .grad-item-smp p {
         /*       padding: 5px 10px; */
         /*       line-height: 1.5; */
          }

          .grad-item-smp::before {
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100px; /*グラデ�`ションで�Lす互さ*/
                background: -webkit-linear-gradient(top, rgba(249,249,244,0) 0%, rgba(249,249,244,0.9) 50%, rgba(249,249,244,0.9) 50%, #fff 100%);
                background: linear-gradient(top, rgba(249,249,244,0) 0%, rgba(249,249,244,0.9) 50%, rgba(249,249,244,0.9) 50%, #fff 100%);
                background: linear-gradient(to bottom, rgba(249,249,244,0) 0%, rgba(249,249,244,0.7) 70%, #fff100%);/* for IE*/
                content: "";
        }

          .grad-trigger:checked ~ .grad-btn::before {
                content: "�]じる" /*チェックされていたら、猟冱を�筝�する*/
          }
          .grad-trigger:checked ~ .grad-item-smp {
                height: auto; /*チェックされていたら、互さを��す*/
          }
          .grad-trigger:checked ~ .grad-item-smp::before {
                display: none; /*チェックされていたら、grad-itemのbeforeを掲燕幣にする*/
          }
          }

/*--------------------------------------------------
　 �Aきを��るボタン��僥何ペ�`ジ��
-------------------------------------------------- */
.faculty-item-smp {
          position: relative;
          height: auto;
          margin: 0 auto;
          padding: 0px 5px 25px;
          line-height: 1.9em;
          }

.faculty-item-smp p {
      /*    font-size: 1.4em; */
          padding: 15px 20px;
          }

.faculty-trigger {
          display: none; /*チェックボックスは械に掲燕幣*/
          }

          /*     	Responsive Settings
          -------------------------------------------------- */
          @media screen and (max-width:640px) {

	.faculty-item-smp {
                padding: 25px 5px 25px;
        }

        .faculty-wrap {
                position: relative;
                margin: 5px 0 20px;
        }

        .faculty-btn {
                display: block;
                z-index: 2;
                position: absolute;
                right: 0;
                bottom: 0;
                left: 0;
                width: 250px;
                margin: auto;
                padding: .5em 0;
                border-radius: 2px;
                background: #fff;
                color: #AA636D;
                border: solid 1px #AA636D ;
                font-size: 1.4em;
                text-align: center;
                cursor: pointer;
                transition: .2s ease;
                box-shadow: 0 0 3px rgba(0,0,0,.3);
          /*デモ喘の匯箭。.grad-btnのCSSは燕幣/掲燕幣の�嘛�には�v�Sないので、ご徭喇にどうぞ。*/
          }

          .faculty-btn::before {
                content: "�Aきを�iむ"
          }

          .faculty-item-smp {
                overflow: hidden;
                height: 150px; /*�Lした彜�Bの互さ*/
                padding: 5px 0px 50px;
          }

          .faculty-item-smp p {
         /*       padding: 5px 10px; */
         /*       line-height: 1.5; */
          }

          .faculty-item-smp::before {
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                width: 100%;
                height: 100px; /*グラデ�`ションで�Lす互さ*/
                background: -webkit-linear-gradient(top, rgba(249,249,244,0) 0%, rgba(249,249,244,0.9) 50%, rgba(249,249,244,0.9) 50%, #fff 100%);
                background: linear-gradient(top, rgba(249,249,244,0) 0%, rgba(249,249,244,0.9) 50%, rgba(249,249,244,0.9) 50%, #fff 100%);
                background: linear-gradient(to bottom, rgba(249,249,244,0) 0%, rgba(249,249,244,0.7) 70%, #fff100%);/* for IE*/
                content: "";
        }

          .faculty-trigger:checked ~ .faculty-btn::before {
                content: "�]じる" /*チェックされていたら、猟冱を�筝�する*/
          }
          .faculty-trigger:checked ~ .faculty-item-smp {
                height: auto; /*チェックされていたら、互さを��す*/
          }
          .faculty-trigger:checked ~ .faculty-item-smp::before {
                display: none; /*チェックされていたら、grad-itemのbeforeを掲燕幣にする*/
          }
          }


/*--------------------------------------------------
	.accbox　アコ�`ディオンメニュ�`
-------------------------------------------------- */
.accbox {
        display: block;
        margin: 0 auto;
        }

.accbox:after {
        display: block;
        clear: both;
        content: "";
        }

/* PCの�r、嫌が50�イ離▲芥`ディオン�坤瓮献礬`?クラスタ�B初のペ�`ジ*/
.accbox .box01  {
        display: block;
        width: 50%;
        float: left;
        margin: 0 auto;
        }

.accbox .box01 p {
       padding:10px 30px;
        }

.clear {
        clear: both;
        height: 0px;
        }

/*ラベル*/
.accbox label {
        display: block;
        margin: 0 15px;
        padding: 15px 10px;
        color :#000000;
        background :#D8DBE4;
        border-bottom: 1px solid #ccc;
        font-size: 1.5em;
        line-height:1.5em;
        text-align: left;
        }

.accbox .accshow {
         height: auto;
        margin: 0px 15px 20px;
        padding: 10px;
        background-color: #f0f0f0;
        padding-bottom: 10px;
        }

.accbox .accshow p {
/*        text-align: left;　*/
        }

.accbox .accshow ul {
        list-style: none;
        }

.accbox .accshow ol {
        margin: 1em 1.5em 1em 2em;
        }



.cssacc {
     display: none;
        }


.accbox .subtitle {
        font-size: 2em;
        line-height: 1.2em;
        color:#4E5F87;
        padding: 5px;
        }


/* accの嶄附 */

.accshow li {
        margin:0;
        margin-bottom: 1.1em;
}

/* カリキュラム�粧仂訊���5つの蒙�� */
.accbox .accshow h3 {
	position: relative;
	padding-top: 20px;
	font-size: 1.6rem;
        margin:0;
        }

.accbox .accshow h3 .fontS {
        font-size: 75%;
        background-color: #5c0663;
        color: #fff;
        padding: 2px 2px 0;
        margin-left;
        margin-right: 5px;
        }

.accshow .course {
        text-align: center;
        }


.accshow .articleLink {
        display: block;
        text-align: right;
        width: 40%;
        margin-right: 0;
        }

.accshow .linkbox{
	background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right 12px;
	color: #111 !important;
        font-size: 1.4em;
        padding: 10px 30px 10px 5px;
        margin: 5px 20px;
        border: 1px solid #D8DBE4;
        line-height: 1.5em;
        }

.accshow .box02 {
        display: inline-block;
        width: 45%;
        margin: 0 auto;
        border: solid 1px #D8D8E4;
        padding: 10px;
        background-color: #FFF;
        vertical-align: top;
        }

.accshow .box02 a {
       font-size:1.4em;
        }

.accshow .box02 p span {
       font-wight: bold;
        }

.accshow .box03{
        background: #f5f5f5 url(/_themes/wakayama-u/sys/tmpl-img/ico_arrow03.png) no-repeat right 15px center;
        padding: 15px;
        text-align: left;
}

.accshow .box03 a {
        text-decoration: none;
}



        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {

        /*ボックス畠悶*/
        .accbox {
                padding: 0px;
        }

        .accbox .box01  {
                width: 100%;
        }

        /*ラベル*/
        .accbox label {
                font-size: 1.3em;
                line-height:1.3em;
                margin: 0;
                border-top: solid 1px #acafb6;
                padding-right: 33px;
        }


        .accbox label:last-child {
                border-bottom: solid 1px #acafb6;
        }

        .accbox label.border-bottom {
                border-bottom: solid 1px #acafb6;
        }

        .accbox label:checked {
                border-bottom: 0;
        }


        .body .accshow h4 {
                padding: 10px 0;
        }

        .accshow .articleLink {
                display: block;
                text-align: right;
                width: 80%;
                margin: 0 auto;
        }

        /*　アコ�`ディオン坪リンク　*/
        .accshow .linkbox{
	        background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right 12px;
	        color: #111 !important;
                font-size: 1.4em;
                padding: 10px 30px 10px 5px;
                margin: 5px 20px;
                border: 1px solid #D8DBE4;
                line-height: 1.5em;
        }

        /*アイコンを燕幣*/
        .accbox label:after {
                position: absolute;
                width: 15px;
                right: 8px;
                content: '\f078';
                font-family: FontAwesome;
                padding-right: 8px;
                color: #4e5f87;
        }

        /*チェックは�Lす*/
        .accbox input {
                display: none;
        }

        /*嶄附を掲燕幣にしておく*/
        .accbox .accshow {
                height: 0;
                overflow: hidden;
                opacity: 0;
                transition: 0.8s;

                margin:0px;
                padding: 0;
        }

        /*クリックで嶄附燕幣*/
        .cssacc:checked + label + .accshow {
                height: auto;
                padding: 10px;
                background: #eaeaea;
                opacity: 1;
                line-height: 2em;

        }

        .accbox .accshow p {
              /*  padding: 5px 0;
                font-size: 1.3rem;
                line-height: 1.6; */
        }

        .accbox .accshow p {
                padding: 12px;
                font-size: 1.4em;
                line-height: 1.75;
        }

        .accshow .box02 {
        width: 95%;
        }


        /*アイコンを秘れ紋える*/
        .cssacc:checked + label:after {
                content: '\f077';
        }

        /*和��*/
        .border-bottom {
                border-bottom: solid 1px #acafb6;
        }
        }


/*====================================*

 　光ペ�`ジの�O協

==================================== */

/*仝メジャ�`々ペ�`ジの鮫�颪肇螢鵐��O協*/

.majorname {
     display:block;
     width: 100%;
     margin-top: -4%;
}


.body .majorname ul{
       margin:0;
       display:  table;
       width:  100%;
     table-layout: fixed;
}


.majorname li{
       list-style:none;
       display: table-cell;
       /* width: 1%; */
       margin-right: 15%;
       text-align:  center;
}

.majorname li img{
       width: 70%;
       max-width:  100%;
}


/*　僥伏伏試�菖斫�伏インタビュ�`*/
.studentInterview {
	display:inline-block;
	width: 45%;
	padding:  2em;
	text-align:  center;
}
.studentInterview .photo{

}

.studentInterview .name{
	text-align:  center;
	margin:  0;
}
.studentInterview .cluster{
	font-size: 1.2em;
	padding: 0.5em;
}

        /*	    Responsive Settings
        -------------------------------------------------- */
        @media screen and (max-width:640px) {
		.studentInterview {
	display:block;
	width: 95%;
}
	}



/*====================================*

 　その麿

==================================== */


/*--------------------------------------------------
	仟彭匯�E (慌宥)
-------------------------------------------------- */
#main .contentArticleCategory dl {
/*        padding: 10px 24px;
}


#main .contentArticleCategory .feed a {
	display: inline-block;
	padding: 5px 10px;
	background-color: #eee;
	color: #333 !important;
	font-size: 1.3em;
	line-height: 1;
}

.contentArticleCategory .feed {
	margin: 24px 24px 0;
}

.contentArticleCategory .more {
	margin: 24px;
	font-size: 1.4em;
	text-align: right;*/
}

        /*     	Responsive Settings
         -------------------------------------------------- */
        @media screen and (max-width:640px) {
/*        .contentArticleCategory .feed {
        	display: none;
        } */
        }





/*謹蛍いらないCSS*/

div#contents .message h2{
/*	padding-bottom: 0.2rem;
	border-bottom: 1px solid #ccc;
	border-left: none;
	margin: 0; */
	}