/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
 @media screen and (max-width:1000px) {

	dt {
		margin-bottom: 0.3em;
	}

	.info dd {
		padding-bottom: 0.6em;
	}

	.inner {
		width: 100%;
        height: 65px;
	}

    .inner img{
        height: 65px;
        width: auto;
        margin: auto;
    }

	#contents {
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
        position: relative;
	}

	footer {
		width: 100%;
	}

	#important_news {
		display: block;
	}

	.intro {
		width: 100%;
	}
	
	#main {
		float: none;
		width: 100%;
	}

	#sub {
		float: none;
		width: 100%;
		/* height: 100%; */
	}

	#jikkouiinchou p {
		font-size: 90%;
		margin: 1.5em 1em 0 1em;
	}
	
	.shimekiri {
		margin-top: 15px;
	}

	.pcLinks {
		display: none;
	}

	.pcTwitter {
		display: none;
	}

	.pcPoster {
		display: none;
	}

	.teacherTab {
		width: 140px;
		aspect-ratio: 1;
		margin: 4px;
	}

	.tabKeywords{
		height: 155px;
	}

	.kira{
		width: 120px;
		height: 120px;
	}

	.teacherContents img {
		margin-bottom: 10px;
		margin-right: 10px;
	}

	.teacherRight {
		float: none;
		height: auto;
		width: 100%;
	}

	.teacherBox {
		margin-top: -5px;
	}

	.keywords {
		width: 100%;
		clear: both;
		height: auto;
		position: relative;
		margin: 10px 0;
	}

	.staffTab {
		width: 100%;
		margin: 5px 0;
	}

	.staffBox {
		height: auto;
	}

	header {
		background-size: 65px;
		position: fixed;
		box-sizing: border-box;
		top: 0;
		left: 0;
		width: 100%;
		padding: 0;
		z-index: 2;
	}

	nav ul {
		margin: 0;
		padding: 0;
	}

	nav .pcNav>ul {
		z-index: 2;
		overflow: auto;
		position: fixed;
		top: calc(width / 10.305);
		right: 0;
		width: 100%;
	}

	nav li {
		position: relative;
		width: 100%;
		float: none;
		margin: 0;
		text-align: left;
		list-style: none;
		border-bottom: 1px solid var(--color-dark);
	}

	nav li:first-child {
		border-top: 2px solid var(--color-dark);
	}

	nav li a {
		display: block;
		padding: 10px 30px;
		text-decoration: none;
		background: var(--color-pale);
		transition: all 0.25s ease;
	}

	nav li a:hover {
		background: var(--color-hover);
	}

	nav ul ul {
		display: none;
		position: relative;
	}

	nav li li a {
		box-sizing: border-box;
		width: 100%;
		padding: 10px 30px 10px 50px;
		text-align: left;
		background: var(--color-dark);
		color: var(--color-whitetext);
	}

	.subnav>a:before {
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 20px;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -5px;
		background: var(--color-text);
	}

	.subnav>a:after {
		display: block;
		content: "";
		position: absolute;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 20px;
		right: 30px;
		width: 10px;
		height: 10px;
		margin-top: -10px;
		background: var(--color-pale);
		transition: all 0.25s ease;
	}

	.subnav a:hover:after {
		background: var(--color-hover);
	}

	.gnav {
		display: none;
	}

	#spMenu {
		display: block;
		z-index: 2;
		position: fixed;
		top: 10px;
		right: 10px;
		width: 45px;
		height: 45px;
		border-radius: 10px;
		overflow: hidden;
	}

	#spMenu:hover {
		cursor: pointer;
	}

	#navBtn {
		display: inline-block;
		position: relative;
		width: 100%;
		height: 100%;
		/* border-radius: 5%; */
		background: var(--color-dark);
	}

	#navBtnIcon {
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 14px;
		height: 2px;
		margin: -1px 0 0 -7px;
		background: var(--color-whitetext);
		transition: 0.2s;
	}

	#navBtnIcon:before,
	#navBtnIcon:after {
		display: block;
		content: '';
		position: absolute;
		top: 50%;
		left: 0;
		width: 14px;
		height: 2px;
		background: var(--color-whitetext);
		transition: 0.3s;
	}

	#navBtnIcon:before {
		margin-top: -6px;
	}

	#navBtnIcon:after {
		margin-top: 4px;
	}

	#navBtn .close {
		background: transparent;
	}

	#navBtn .close:before,
	#navBtn .close:after {
		margin-top: 0;
	}

	#navBtn .close:before {
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}

	#navBtn .close:after {
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	.seminarTab {
		margin: 10px 10px;
	}

	.seminarTab a {
		margin-top: 20px;
		font-size: 20px;
	}

	.seminarContentsIn p {
		width: 100%;
		margin-left: 5px;
		margin-bottom: 10px;
	}
	
	.seminarContentsIn img {
		display: block;
		width: 100%;
		max-width: 450px;
		margin: 0 auto;
	}

	#participant{
		margin: 0 auto;
		width: 600px;
		height: 1150px;
	}

	.participantTab {
		width: 49.5%;
		height: 300px;
		margin: 20px 0;
	}

	.balloon p{
		padding-top: 20px;
	}

	.navLinks{
		display: block;
	}
	
	.navTwitter{
		display: block;
		padding-top: 20px;
	}

	.navPoster{
		display: block;
	}

	footer .left-center{
		width: 100%;
		display: flex;
		flex-direction: column-reverse;
	}

	footer .left{
		width: 100%;
		text-align: center;
		margin-top: 10px;
	}
	
	footer .left p{
		padding-left: 0;
	}

	footer .center{
		width: 100%;
	}
	
	footer .center img{
		margin-top: 20px;
	}
	
	footer .right{
		width: 100%;
		text-align: center;
	}
	
	.sns {
		padding: 10px 0;
	}

	.smallview {
		display: block;
	}
}

@media screen and (max-width:600px) {
	.intro p {
		padding-top: 10px;
	}

	.mobile {
		display: block;
	}

	#participant{
		width: 350px;
		height: 1850px;
	}

	.participantTab {
		width: 85%;
		height: 300px;
	}
}