/*----------------------------------------------------------------------------
******************************************************************************
PC
******************************************************************************
----------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	/*----------------------------------------------------------------------------
******************************************************************************
Layout
******************************************************************************
----------------------------------------------------------------------------*/
	/* ==== Base === */
	body {
	}
	.layout {
		overflow : hidden;

		max-width : 960px;
		margin : 0 auto;
	}
	/* ==== Backgraund === */
	#wrap {
		border-top : 3px solid #003166;
		background : #ffffff;
	}
	/* ==== Header === */
	#hd {
		position : relative;

		height : 100px;
	}
	/* ==== Navigation === */
	#nav {
		overflow : hidden;

		width : 100%;
	}
	#nav ul {
	}
	#nav li {
		line-height : 50px;

		float : left;

		width : 100%;
	}
	#nav li:last-child {
	}
	#nav li a {
		font-size : 14px;
		font-weight : bold;

		display : block;

		padding-left : 10px;

		-webkit-transition : All 0.5s ease;
		   -moz-transition : All 0.5s ease;
		    -ms-transition : All 0.5s ease;
		     -o-transition : All 0.5s ease;
		        transition : All 0.5s ease;
		text-decoration : none;
		letter-spacing : 0.1em;

		color : #000000;
		border-bottom : 1px solid #003166;
	}
	#nav li a:hover {
		letter-spacing : 0.2em;

		border-left : 6px solid #003166;
	}
	.current {
	}
	#nav li:nth-child(n + 7) {
		line-height : 0;

		float : left;

		width : 100%;
		margin-bottom : 4px;

		border : none;
	}
	#nav li:nth-child(n + 7) a {
		font-weight : normal;
		line-height : 20px;

		display : block;

		width : 100%;
		padding : 10px 0 10px 30px;

		-webkit-transition : All 0.5s ease;
		   -moz-transition : All 0.5s ease;
		    -ms-transition : All 0.5s ease;
		     -o-transition : All 0.5s ease;
		        transition : All 0.5s ease;
		text-decoration : none;

		color : #000000;
		border-bottom : 1px solid #000000;
		background : url(../images/common/bnr_bg.png) 8px center no-repeat #ffffff;
		text-shadow : none;
	}
	#nav li:nth-child(n + 7) a:hover {
	}

	#nav li:nth-child(7) {
		margin-top : 20px;
	}

	#menu {
		display : none;
	}
	/* ==== Content === */
	#con_bg {
		background : url(../images/common/con_bg.jpg) repeat-x top center;
	}
	#con {
	}

	#side {
		float : left;

		width : 23%;
		margin-top : 20px;
	}

	#main {
		float : right;

		width : 75%;
		max-width : 720px;
		margin-top : 20px;
	}
	/* ol,ul */
	#main ol , #main ul {
		padding : 5px 0 5px 25px;
	}
	#main ul {
		list-style-type : disc;
	}
	#main ol li , #main ul li {
		padding : 5px 0;
	}
	/* table */
	#main table {
		margin : 10px 0;
	}
	#main table th , #main table td {
		padding : 5px;
	}
	/* img */
	#main img {
		max-width : 100%;
	}
	#main a img {
		display : inline-block;

		-webkit-transition-duration : 0.3s;
		        transition-duration : 0.3s;
		-webkit-transition-property : transform;
		        transition-property : transform;
		-webkit-transform : translateZ(0);
		        transform : translateZ(0);

		box-shadow : 0 0 1px rgba(0, 0, 0, 0);
	}
	#main a img:hover , .shrink:focus , .shrink:active {
		-webkit-transform : scale(0.9);
		        transform : scale(0.9);
	}
	/* ==== Footer === */
	#ft {
		margin-top : 20px;
		padding-top : 25px;
		padding-bottom : 25px;

		text-align : center;

		color : #ffffff;
		background : #003166;
	}
	/*----------------------------------------------------------------------------
******************************************************************************
Head
******************************************************************************
----------------------------------------------------------------------------*/
	h1 , h2 , h3 , h4 , h5 , h6 {
	}
	h1 {
		line-height : 1em;

		position : absolute;
		top : 25px;
		left : 0;
	}
	h1 a {
		text-decoration : none;

		color : #000000 !important;
	}
	h1 span {
		font-size : 0.65em;

		display : block;
	}
	h2 {
		font-size : 34px;
		font-weight : normal;

		height : 80px;
		padding : 0.9em 0 0 0.5em;

		color : #333333;
		border-top : 4px double #003166;
		border-bottom : 4px double #003166;
	}
	#sidenav h2 {
		font-size : 16px;
		font-weight : bold;

		height : 50px;
		padding : 10px;

		text-align : center;

		color : #ffffff;
		border : 1px solid #003166;
		background : url(../images/nav_bag.png) top center #003166;
		text-shadow : 1px 2px 0 rgba(0, 0, 0, 1),
		2px 2px 2px rgba(255, 255, 255, 0.5);
	}
	h3 {
		font-size : 1.4em;
		font-weight : normal;

		margin : 0.8em 0 0.4em 0;
		padding : 0.6em 0 0.6em 0.8em;

		color : #ffffff;
		border-left : 8px double #114277;
		background : #003166;
	}
	h4 {
		font-size : 1.2em;
		font-weight : normal;

		margin : 0.6em 0 0.4em 0;
		padding : 0 0 0 0.4em;

		border-left : 5px double #bb1111;
	}

	h1.img , h2.img , h3.img , h4.img , h5.img , h6.img {
		margin : 0;
		padding : 0;

		border : none;
		background : none;
	}
	/*----------------------------------------------------------------------------
******************************************************************************
Original
******************************************************************************
----------------------------------------------------------------------------*/
	/* ==== Index === */
	.student_wrap {
		width : 35%;
	}
	.student_box {
		display : flex;

		margin-bottom : 30px;
	}
	.student_box img {
		margin-right : 60px;
	}
	.logo p {
		font-size : 14px;
		font-weight : bold;

		margin-top : 10px;

		text-align : right;
	}
	.Research li {
		list-style : none;
	}
	.Research_img {
		margin-top : 10px;

		text-align : center;
	}
	.Research_img2 {
		width : 200px;
		margin-top : 10px;
	}

	.event_img {
		display : flex;

		height : 240px;
	}
	.event_img p {
		width : 50%;
		height : 200px;
		margin-top : 10px;
	}
	.event_img img {
		margin-right : 50px;
	}
	h5 {
		font-size : 1em;
		font-weight : bold;

		display : block;

		margin-top : 20px;
		margin-bottom : 5px;
		padding : 0 0 0 0.4em;

		border-left : 2px solid #bb1111;
	}

	.conf_list_border {
		width : 650px;
		margin : 0 auto;

		border-bottom : 2px solid #003166;
	}
	.conf_list li {
		list-style : square;
	}

	.student_wrap img {
	}
	.student_wrap p {
	}
	.student_wrap h4 {
		font-weight : bold;

		margin-top : 50px;
		margin-bottom : 20px;
	}

	.ronbun li {
		list-style-type : none;
	}

	.publication_list {
		display : flex;
		flex-wrap : wrap;
		justify-content : center;

		width : 1000px;
		margin-top : 20px;

		list-style-type : square;
	}
	.publication_list_2 {
		display : flex;
		flex-wrap : wrap;
		justify-content : center;

		width : 500px;
		margin : 30px auto;
		padding-top : 30px;

		list-style-type : square;

		border-top : 2px solid #000f6b;
	}
	.publication_list_cof {
		display : flex;
		flex-wrap : wrap;
		justify-content : center;

		width : 800px;
		margin-top : 20px;

		list-style-type : square;
	}
	.publication_list li {
		width : 150px;
		padding-bottom : 8px;
	}
	.publication_list_cof li {
		width : 150px;
		padding-bottom : 8px;
	}
	.publication_list_2 li {
		width : 100px;
	}
	.ronbun_2 li {
		margin-right : 5px;

		list-style-type : none;
	}
	.ronbun_2 strong {
		font-weight : normal;

		color : blue;
	}
	.ronbun_2 h4 {
		margin-top : 20px;
	}

	#i_img {
	}
	#i_img img {
		width : 100%;
	}
	#i_main {
		float : right;

		width : 75%;
		max-width : 720px;
		margin-top : 20px;
	}
	#i_news {
		overflow : auto;

		height : 300px;

		border : none;
	}
	#i_news table {
	}
	#i_news table td {
		padding : 10px;

		vertical-align : top;
	}
	#i_news table tr {
		border-bottom : 1px dotted #cccccc;
	}
	#i_news table td.news_box {
		width : 125px;
		padding-left : 20px;

		background : url(../images/common/news_icon.gif) 4px 14px no-repeat;
	}
	#bnr {
		float : right;

		width : 100%;
		max-width : 220px;
		margin-top : 20px;
	}
	#bnr ul {
	}
	#bnr li {
		float : left;

		width : 100%;
		margin-bottom : 4px;
	}
	#bnr li a {
		display : block;

		width : 100%;
		padding : 15px 0 15px 30px;

		-webkit-transition : All 0.5s ease;
		   -moz-transition : All 0.5s ease;
		    -ms-transition : All 0.5s ease;
		     -o-transition : All 0.5s ease;
		        transition : All 0.5s ease;
		text-decoration : none;

		color : #000000;
		border-bottom : 1px solid #dd0000;
		background : url(../images/common/bnr_bg.png) 8px center no-repeat;
	}
	#bnr li a:hover {
		color : #ffffff;
		background : url(../images/common/bnr_bg_hover.png) 8px center no-repeat
		#dd0000;
	}
	/*----pagetop----*/
	#page-top {
		font-size : 77%;

		position : fixed;
		right : 20px;
		bottom : 5px;
	}
	#page-top a {
		display : block;

		width : 120px;
		padding : 20px 0;

		text-align : center;
		text-decoration : none;

		color : #ffffff;
		border : #ffffff 1px solid;
		border-radius : 5px;
		background : #000000;
	}
	#page-top a:hover {
		text-decoration : none;
	}
}

/*----------------------------------------------------------------------------
******************************************************************************
スマートフォン
******************************************************************************
----------------------------------------------------------------------------*/
@media screen and (max-width: 769px) {
	/*----------------------------------------------------------------------------
******************************************************************************
Layout
******************************************************************************
----------------------------------------------------------------------------*/
	/* ==== Base === */
	body {
		background : url(../images/body_bg.jpg);
	}
	.layout {
		overflow : hidden;

		width : 100%;
	}
	/* ==== Backgraund === */
	#wrap {
		border-top : 3px solid #003166;
		background : #ffffff;
	}
	/* ==== Header === */
	#hd {
		position : relative;

		height : 100px;

		background : url(../images/hd_bg.jpg) no-repeat;
	}
	/* ==== Navigation === */
	#nav {
		font-size : 16px;

		position : fixed;
		z-index : 100;
		top : 0;
		right : -200px;

		overflow-x : none;
		overflow-y : auto;

		width : 200px;
		height : 100%;

		color : #ffffff;
		background : url(../images/common/nav_bg.png) top center #000000;
		-webkit-box-shadow : inset 0 0 5px 5px #222222;
		   -moz-box-shadow : inset 0 0 5px 5px #222222;
		        box-shadow : inset 0 0 5px 5px #222222;
	}

	#nav ul {
		display : block;

		margin : 0 0 15px;
		padding : 0;

		border-top : 1px solid #1a1a1a;
		border-bottom : 1px solid #4d4d4d;
	}
	#nav ul li {
		line-height : 48px;

		display : block;

		margin : 0;

		border-top : 1px solid #4d4d4d;
		border-bottom : 1px solid #1a1a1a;
	}

	#nav ul li img {
		max-width : 100%;
		margin : 0 auto;
		padding : 10px 0;
	}

	#nav ul li:hover {
		line-height : 49px;

		border-top : none;
	}
	#nav ul li:hover > a {
		-webkit-box-shadow : inset 0 0 15px 3px #222222;
		   -moz-box-shadow : inset 0 0 15px 3px #222222;
		        box-shadow : inset 0 0 15px 3px #222222;
	}
	#nav ul li a {
		display : block;

		padding : 0 15px;

		text-decoration : none;

		color : #ffffff;
		text-shadow : 2px 2px 0 rgba(0, 0, 0, 1);
	}
	#nav ul li ul {
		margin : 0;

		border-bottom : none;
	}
	#nav ul li ul li {
		font-size : 13px;
		line-height : 40px;
	}
	#nav ul li ul li:last-child {
		border-bottom : none;
	}
	#nav li:nth-child(n + 7) a {
		padding-left : 40px;

		background : url(../images/common/bnr_bg_hover.png) 18px center no-repeat;
	}
	#menu {
		position : fixed;
		z-index : 1000;
		top : 10px;
		right : 10px;

		cursor : pointer;
	}
	/* ==== Content === */
	#con_bg {
	}
	#con {
	}
	#sidenav {
		display : none;
		float : left;

		width : 220px;
		margin-top : 20px;

		border : 1px solid #dd0000;
	}
	#main {
		width : 100%;
		margin-top : 20px;
	}
	/* ol,ul */
	#main ol , #main ul {
		padding : 5px 0 5px 25px;
	}
	#main ul {
		list-style-type : disc;
	}
	#main ol li , #main ul li {
		padding : 5px 0;
	}
	/* table */
	#main table {
		margin : 10px 0;
	}
	#main table th , #main table td {
		padding : 5px;
	}
	/* img */
	#main img {
		display : block;

		max-width : 100%;
	}

	#main a img {
		display : inline-block;

		-webkit-transition-duration : 0.3s;
		        transition-duration : 0.3s;
		-webkit-transition-property : transform;
		        transition-property : transform;
		-webkit-transform : translateZ(0);
		        transform : translateZ(0);

		box-shadow : 0 0 1px rgba(0, 0, 0, 0);
	}
	#main a img:hover , .shrink:focus , .shrink:active {
		-webkit-transform : scale(0.9);
		        transform : scale(0.9);
	}
	/* ==== Footer === */
	#ft {
		margin-top : 0;
		padding-top : 25px;
		padding-bottom : 25px;

		text-align : center;

		color : #ffffff;
		background : #003166;
	}
	/*----------------------------------------------------------------------------
******************************************************************************
Head
******************************************************************************
----------------------------------------------------------------------------*/
	h1 , h2 , h3 , h4 , h5 , h6 {
	}
	h1 {
		font-size : 17px;
		line-height : 1em;

		margin : 10px 0 0 10px;
	}
	h1 a {
		text-decoration : none;

		color : #000000 !important;
	}
	h1 span {
		font-size : 0.65em;

		display : block;
	}
	h2 {
		font-size : 34px;
		font-weight : normal;

		height : 80px;
		padding : 0.9em 0 0 0.5em;

		color : #333333;
		border-top : 4px double #003166;
		border-bottom : 4px double #003166;
	}
	#sidenav h2 {
		font-size : 16px;
		font-weight : bold;

		height : 50px;
		padding : 10px;

		text-align : center;

		color : #ffffff;
		border : 1px solid #003166;
		background : url(../images/nav_bag.png) top center #003166;
		text-shadow : 1px 2px 0 rgba(0, 0, 0, 1),
		2px 2px 2px rgba(255, 255, 255, 0.5);
	}
	h3 {
		font-size : 1.2em;
		font-weight : normal;

		margin : 0.8em 0 0.4em 0;
		padding : 0.6em 0 0.6em 0.8em;

		color : #ffffff;
		border-left : 8px double #114277;
		background : #003166;
	}
	h4 {
		font-size : 1.2em;
		font-weight : normal;

		margin : 0.6em 0 0.4em 0;
		padding : 0 0 0 0.4em;

		border-left : 5px double #bb1111;
	}
	h1.img , h2.img , h3.img , h4.img , h5.img , h6.img {
		margin : 0;
		padding : 0;

		border : none;
		background : none;
	}
	/*----------------------------------------------------------------------------
******************************************************************************
Original
******************************************************************************
----------------------------------------------------------------------------*/
	/* ==== Index === */
	.logo p {
		font-size : 9px;
		font-weight : bold;
		line-height : 14px;

		margin-right : 10px;

		text-align : right;
	}
	.Research img {
		width : 90%;
		margin : 10px auto;
	}
	.Research p {
		width : 95%;
		margin : 5px auto;
	}
	.event_img {
		height : 320px;
	}

	.event_img p {
		font-size : 12px;

		margin : 0 15px;
	}
	.event_img img {
		width : 90%;
		margin : 0 auto;
	}
	.conf_list {
		border-bottom : 1px solid #1d3eff;
	}
	.conf_list li {
		list-style : square;
	}

	.student_wrap {
		width : 100%;
		margin-left : 10px;
	}
	.student_box {
		display : flex;

		margin-bottom : 20px;
	}
	.student_box img {
		margin-right : 60px;
	}
	.ronbun li {
		margin-right : 5px;

		list-style-type : none;
	}
	.ronbun_2 li {
		margin-right : 5px;

		list-style-type : none;
	}
	.ronbun_2 strong {
		font-weight : normal;

		color : blue;
	}

	.publication_list {
		display : flex;
		flex-wrap : wrap;
		justify-content : center;

		margin-top : 10px;

		list-style-type : square;
	}
	.publication_list_cof {
		display : flex;
		flex-wrap : wrap;
		justify-content : center;

		margin-top : 10px;

		list-style-type : square;
	}
	.publication_list_2 {
		display : flex;
		flex-wrap : wrap;
		justify-content : center;

		width : 350px;
		margin : 30px auto;
		padding-top : 30px;

		list-style-type : square;

		border-top : 2px solid #000f6b;
	}
	.publication_list li {
		width : 70px;
		padding-bottom : 8px;
	}
	.publication_list_cof li {
		width : 70px;
		padding-bottom : 8px;
	}
	.publication_list_2 li {
		width : 80px;
	}
	#i_img {
	}
	#i_img img {
		width : 100%;
	}
	#i_main {
		width : 100%;
		margin-top : 20px;
	}
	#i_news {
		overflow : auto;

		height : 300px;

		border : none;
	}
	#i_news table {
	}
	#i_news table td {
		font-size : 0.9em;

		display : block;

		padding : 10px;

		vertical-align : top;
	}
	#i_news table tr {
		border-bottom : 1px dotted #cccccc;
	}
	#i_news table td.news_box {
		padding-left : 20px;

		background : url(../images/common/news_icon.gif) 4px 14px no-repeat;
	}
	/*----pagetop----*/
	#page-top {
		width : 100%;
	}
	#page-top a {
		display : block;

		width : 100%;
		padding : 20px 0;

		text-align : center;
		text-decoration : none;

		color : #ffffff;
		border : none;
		background : #666666;
	}
	#page-top a:hover {
		text-decoration : none;
	}
	h5 {
		font-size : 1em;
		font-weight : bold;

		display : block;

		margin-top : 20px;
		margin-bottom : 5px;
		padding : 0 0 0 0.4em;

		border-left : 2px solid #bb1111;
	}
}