/*----------------------------------------------------------------------------******************************************************************************PC******************************************************************************----------------------------------------------------------------------------*/

@media screen and (min-width: 769px) {

	/*----------------------------------------------------------------------------

******************************************************************************

Layout

******************************************************************************

----------------------------------------------------------------------------*/

	/* ==== Base === */

	html,body {
		display: flex;
		flex-direction: column;
		overflow-x: hidden;
	}

	body {
		min-height: 100vh;
	}

	.layout {

		max-width: 960px;

		margin: 0 auto;

		overflow: hidden;

	}
	
	body, input, button, textarea, select {
	font-family: 'Noto Sans JP', sans-serif;
}

	/* ==== Backgraund === */

	#wrap {

		background: #fff;

		border-top: 3px solid #6d8209;

	}

	/* ==== Header === */

	#hd {

		height: 100px;

		position: relative;

		display: flex;

		flex-wrap: wrap;

		align-items: center;
	}
	
	#hd .logo{
		position:absolute;
		top:25px;
		left:0;
	}
	
	#hd .logo img{
		width:50%
	}

	/* ==== Navigation === */

	
	#nav {

		height: 50px;

	}

	#nav_bg {

		background: url(../images/common/nav_bg.png) top center #6d8209;

	}

	#nav ul {}

	#nav li {

		float: left;

		width: 16.6%;

		line-height: 50px;

	}

	#nav li:first-child {

		border-left: 1px solid rgba(0, 0, 0, 0.8);

	}

	#nav li:last-child {

		border-right: 1px solid rgba(255, 255, 255, 0.8);

	}

	#nav li a {

		color: #fff;

		text-decoration: none;

		display: block;

		text-align: center;

		font-size: 14px;

		font-weight: bold;

		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);

		background: url(../images/common/nav_bg.png) top center #6d8209;

		border-left: 1px solid rgba(255, 255, 255, 0.8);

		border-right: 1px solid rgba(0, 0, 0, 0.8);

		-webkit-transition: All 0.5s ease;

		-moz-transition: All 0.5s ease;

		-o-transition: All 0.5s ease;

		-ms-transition: All 0.5s ease;

		transition: All 0.5s ease;

	}

	#nav li a:hover {

		background: url(../images/common/nav_bg.png) top center rgba(255, 255, 255, 1.0);

	}

	.current-menu-item a {

		background: url(../images/common/nav_bg.png) top center rgba(255, 255, 255, 1.0) !important;

	}

	#menu {

		display: none;

	}

	/* ==== Content === */

	#con_bg {

		background: url(../images/common/con_bg.jpg) repeat-x top center;

	}

	#con {}

	#sidenav {

		width: 23%;

		max-width: 220px;

		float: left;

		margin-top: 20px;

		border: 1px solid #6d8209;

	}

	#sidenav ul {

		padding: 0px;

	}

	#sidenav li {}

	#sidenav li a {

		width: 100%;

		box-sizing: border-box;

		height: auto;

		padding: 12px 5px 5px 23px;

		display: block;

		text-decoration: none;

		background: url(../images/common/sidenav_icon.png) no-repeat 6px 16px;

		font-size: 12px;

		color: #333333;

		border-bottom: dotted 1px #CCC;

	}

	#main {

		width: 75%;

		max-width: 720px;

		float: right;

		margin-top: 20px;

	}

	/* ol,ul */

	#main ol,
	#main ul {

		padding: 5px 0px 5px 25px;

	}

	#main ul {

		list-style-type: disc;

	}

	#main ol li,
	#main ul li {

		padding: 5px 0px;

	}

	/* table */

	#main table {

		margin: 10px 0px;

	}

	#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: auto;

		padding-top: 35px;

		padding-bottom: 35px;

		text-align: center;

		color: #fff;

		background: #001c14;

	}

	/*----------------------------------------------------------------------------

******************************************************************************

Head

******************************************************************************

----------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {}

	h1 {
		line-height: 1.0em;
		margin-left:60px
	}

	h1 a {

		color: #000 !important;

		text-decoration: none;

	}

	h1 span {

		display: block;

		font-size: 0.65em;

	}

	h2 {
		margin-bottom: 20px;
        color: #fff;
        border: 1px solid #6d8209;
        font-size: 30px;
        font-weight: normal;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0), 2px 2px 2px rgba(255, 255, 255, 0.5);
        min-height: 80px;
        padding: 0.9em 0.5em;
		background: url(../images/i_img.jpg) no-repeat;
        background-size: cover;
        line-height: 1.5;
	}

	#sidenav h2 {
		color: #fff;
		border: 1px solid #6d8209;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		padding: 10px;
		height: 50px;
		min-height: auto;
		text-shadow: 1px 2px 0px rgba(0, 0, 0, 1.0), 2px 2px 2px rgba(255, 255, 255, 0.5);
		background: url(../images/nav_bag.png) top center #6d8209;
	}

	h3 {

		margin: 0.8em 0 0.4em 0;

		font-size: 1.4em;

		font-weight: normal;

		height: 40px;

		padding: 0.4em 0 0.0em 1.5em;

		background: url(../images/common/h3_bg.png) left center no-repeat;

	}
	


	h4 {

		font-size: 1.2em;

		font-weight: normal;

		padding: 0.0em 0 0.0em 0.4em;

		border-left: 5px double #001c14;

		margin: 0.6em 0 0.4em 0;

	}

	h1.img,
	h2.img,
	h3.img,
	h4.img,
	h5.img,
	h6.img {

		margin: 0;

		padding: 0;

		background: none;

		border: none;

	}

	/*----------------------------------------------------------------------------

******************************************************************************

Original

******************************************************************************

----------------------------------------------------------------------------*/

	/* ==== Index === */

	#i_img {}

	#i_img img {

		width: 100%;

	}


	#i_main {

		width: 75%;

		max-width: 720px;

		float: left;

		margin-top: 20px;

	}

	#i_news {

		height: 300px;

		overflow: auto;

		border: none;

	}

	#i_news table {}

	#i_news table td {

		vertical-align: top;

		font-size: 0.9em;

		padding: 10px;

	}

	#i_news table tr {

		border-bottom: 1px dotted #CCC;

	}

	#i_news table td.date {

		width: 125px;

		background: url(../images/common/news_icon.gif) 4px 14px no-repeat;

		padding-left: 20px;

	}

	#i_sidenav {

		margin-top: 20px;

		width: 23%;

		max-width: 220px;

		float: right;

	}

	#i_graduate {
		position: relative;
		display: block;
		width: 100%;
		max-width: 220px;
		height: 120px;
		background: url(../images/i_graduate_school.jpg) no-repeat center center;
		background-size: cover;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	}

	#i_graduate a:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1;
		transition: all 0.5s ease;
	}

	#i_graduate a:hover::before {
		background: rgba(0, 0, 0, 0.3);
	}

	#i_graduate span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		text-align: center;
		letter-spacing: 0.05em;
		z-index: 10;
	}

	#i_bnr ul {}

	#i_bnr li {

		float: left;

		margin-bottom: 4px;

		width: 100%;

	}

	#i_bnr li a {

		display: block;

		width: 100%;

		text-decoration: none;

		color: #000;

		padding: 15px 0 15px 30px;

		border: 1px solid #6d8209;

		border-radius: 3px;

		background: url(../images/common/bnr_bg.png) 8px center no-repeat;

		-webkit-transition: All 0.5s ease;

		-moz-transition: All 0.5s ease;

		-o-transition: All 0.5s ease;

		-ms-transition: All 0.5s ease;

		transition: All 0.5s ease;

	}

	#i_bnr li a:hover {

		color: #fff;

		background: url(../images/common/bnr_bg_hover.png) 8px center no-repeat #6d8209;

	}

	/*----pagetop----*/

	#page-top {

		position: fixed;

		bottom: 10px;

		right: 20px;

		font-size: 77%;

	}

	#page-top a {

		background: #001c14;

		border: #fff 1px solid;

		text-decoration: none;

		color: #fff;

		width: 120px;

		padding: 20px 0;

		text-align: center;

		display: block;

		border-radius: 5px;

	}

	#page-top a:hover {

		text-decoration: none;

	}

img {
    image-rendering: -webkit-optimize-contrast!important;
}
	
	
}



/*----------------------------------------------------------------------------******************************************************************************スマートフォン******************************************************************************----------------------------------------------------------------------------*/

@media screen and (max-width:769px) {

	/*----------------------------------------------------------------------------

******************************************************************************

Layout

******************************************************************************

----------------------------------------------------------------------------*/

	/* ==== Base === */

	body {

		background: url(../images/body_bg.jpg);

	}

	.layout {

		width: 100%;

		overflow: hidden;

	}


	
	/* ==== Backgraund === */

	#wrap {

		background: #fff;

		border-top: 3px solid #6d8209;

	}

	/* ==== Header === */

	#hd {

		height: 100px;

		position: relative;

		background: url(../images/hd_bg.jpg) no-repeat;

	}
	
		#hd .logo{
		position:absolute;
		top:20px;
		left:0;
	}
		#hd .logo img{
		width:40%;
		margin-left:5px
	}

	/* ==== Navigation === */

	#nav {

		position: fixed;

		top: 0px;

		right: -200px;

		height: 100%;

		z-index: 100;

		width: 200px;

		overflow-x: none;

		overflow-y: auto;

		font-size: 16px;

		background: url(../images/common/nav_bg.png) top center #001c14;

		color: #fff;

		-webkit-box-shadow: inset 0 0 5px 5px #222;

		-moz-box-shadow: inset 0 0 5px 5px #222;

		box-shadow: inset 0 0 5px 5px #222;

	}



	#nav ul {

		display: block;

		margin: 0 0 15px;

		padding: 0;

		border-top: 1px solid #1a1a1a;

		border-bottom: 1px solid #4d4d4d
	}

	#nav ul li {

		display: block;

		margin: 0;

		line-height: 48px;

		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 {

		border-top: none;

		line-height: 49px
	}

	#nav ul li:hover>a {

		-webkit-box-shadow: inset 0 0 15px 3px #222;

		-moz-box-shadow: inset 0 0 15px 3px #222;

		box-shadow: inset 0 0 15px 3px #222
	}

	#nav ul li a {

		padding: 0 15px;

		display: block;

		text-decoration: none;

		color: #fff;

		text-shadow: 2px 2px 0 rgba(0, 0, 0, 1.0);

	}

	#nav ul li ul {

		border-bottom: none;

		margin: 0
	}

	#nav ul li ul li {

		line-height: 40px;

		font-size: 13px
	}

	#nav ul li ul li:last-child {

		border-bottom: none
	}

	#menu {

		cursor: pointer;

		position: fixed;

		top: 10px;

		right: 10px;

		z-index: 1000;

	}

	/* ==== Content === */

	#con_bg {

		margin: 0 0 20px;

		padding: 0 10px;
	}

	#con {}

	#sidenav {

		width: 220px;

		float: left;

		margin-top: 20px;

		border: 1px solid #6d8209;

		display: none;

	}

	#main {

		width: 100%;

		margin: 20px 0;

	}
	#main img {
		max-width:100%!important
	}

	/* ol,ul */

	#main ol,
	#main ul {

		padding: 5px 0px 5px 25px;

	}

	#main ul {

		list-style-type: disc;

	}

	#main ol li,
	#main ul li {

		padding: 5px 0px;

	}

	/* table */

	#main table {

		margin: 10px 0px;

	}

	#main table th,
	#main table td {

		padding: 5px;

	}

	/* img */

	#main img {

		max-width: 100%;

		display: block;

		margin: 5px auto;

		float: none;

	}



	#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: auto;

		padding-top: 35px;

		padding-bottom: 35px;

		text-align: center;

		color: #fff;

		background: #001c14;

	}

	/*----------------------------------------------------------------------------

******************************************************************************

Head

******************************************************************************

----------------------------------------------------------------------------*/

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {}

	h1 {
		font-size:1.5em;

		position: absolute;

		top: 10px;

		left: 50px;

		width: calc(100% - 36vw);

		line-height: 1.0em;

	}

	h1 a {

		color: #000 !important;

		text-decoration: none;

	}

	h1 span {

		display: block;

		font-size: 0.65em;
		
		line-height: 1.0em;

	}

	h2 {
		margin-bottom: 20px;
        color: #fff;
        border: 1px solid #6d8209;
        font-size: 30px;
        font-weight: normal;
        text-shadow: 0px 0px 5px rgba(0, 0, 0, 1.0), 2px 2px 2px rgba(255, 255, 255, 0.5);
        min-height: 80px;
        padding: 0.9em 0.5em;
		background: url(../images/i_img.jpg) no-repeat;
        background-size: cover;
        line-height: 1.5;
	}

	#sidenav h2 {

		color: #fff;

		border: 1px solid #6d8209;

		text-align: center;

		font-size: 16px;

		font-weight: bold;

		padding: 10px;

		height: 50px;

		text-shadow: 1px 2px 0px rgba(0, 0, 0, 1.0), 2px 2px 2px rgba(255, 255, 255, 0.5);

		background: url(../images/nav_bag.png) top center #6d8209;

	}

	h3 {

		margin: 0.8em 0 0.4em 0;

		font-size: 1.4em;

		font-weight: normal;

		height: 40px;

		padding: 0.4em 0 0.4em 1.5em;

		background: url(../images/common/h3_bg.png) left center no-repeat;

	}
	


	h4 {

		font-size: 1.2em;

		font-weight: normal;

		padding: 0.0em 0 0.0em 0.4em;

		border-left: 5px double #001c14;

		margin: 0.6em 0 0.4em 0;

	}

	h1.img,
	h2.img,
	h3.img,
	h4.img,
	h5.img,
	h6.img {

		margin: 0;

		padding: 0;

		background: none;

		border: none;

	}

	/*----------------------------------------------------------------------------

******************************************************************************

Original

******************************************************************************

----------------------------------------------------------------------------*/

	/* ==== Index === */

	#i_img {}

	#i_img img {

		width: 100%;

	}

	#i_main {

		width: 100%;

		margin-top: 20px;

	}

	#i_news {

		height: 30vh;

		margin: 0 0 20px;

		overflow: auto;

		border: none;

	}

	#i_news table {}

	#i_news table td {

		vertical-align: top;

		font-size: 0.9em;

		padding: 10px;

		display: block;

	}

	#i_news table tr {

		border-bottom: 1px dotted #CCC;

	}

	#i_news table td.date {

		background: url(../images/common/news_icon.gif) 4px 14px no-repeat;

		padding-left: 20px;

	}

	#i_graduate {
		position: relative;
		display: block;
		width: 100%;
		height: 150px;
		background: url(../images/i_graduate_school.jpg) no-repeat center center;
		background-size: cover;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		text-decoration: none;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
	}

	#i_graduate a:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 1;
		transition: all 0.5s ease;
	}

	#i_graduate a:hover::before {
		background: rgba(0, 0, 0, 0.3);
	}

	#i_graduate span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		width: 100%;
		text-align: center;
		letter-spacing: 0.05em;
		z-index: 10;
	}

	#i_bnr {

		margin-top: 20px;

		width: 100%;

	}

	#i_bnr ul {}

	#i_bnr li {

		width: 100%;

		margin-bottom: 4px;

	}

	#i_bnr li a {

		display: block;

		width: 100%;

		text-decoration: none;

		color: #000;

		padding: 15px 0 15px 30px;

		border: 1px solid #6d8209;

		border-radius: 0px;

		background: url(../images/common/bnr_bg.png) 8px center no-repeat;

		-webkit-transition: All 0.5s ease;

		-moz-transition: All 0.5s ease;

		-o-transition: All 0.5s ease;

		-ms-transition: All 0.5s ease;

		transition: All 0.5s ease;

	}

	#i_bnr li a:hover {

		color: #fff;

		background: url(../images/common/bnr_bg_hover.png) 8px center no-repeat #6d8209;

	}

	/*----pagetop----*/

	#page-top {

		width: 100%;

	}

	#page-top a {

		background: #666;

		border: none;

		text-decoration: none;

		color: #fff;

		width: 100%;

		padding: 20px 0;

		text-align: center;

		display: block;

	}

	#page-top a:hover {

		text-decoration: none;

	}

img {
    image-rendering: -webkit-optimize-contrast;
}
	
}