@charset "utf-8";
/* 960.css */


@media all and (max-width: 960px) {
	#wrapper {
		padding: 1.50rem;
	}
	
	#header {
		height: auto;
	}

	h1#logo {
        font-size: 1.75rem;
    }

	h1#logo strong {
		display: inline-block;
		text-indent: 4.00rem;;
	}


	/* #btn_hmbg */
	#btn_hmbg {
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 50px !important;
		height: 50px !important;
		padding: 8px !important;
		background: white;
		border: 1px solid #777;
		border-radius: 8px;
		cursor: pointer;
	}

		#btn_hmbg > span {
			display: block;
			width: 100% !important;
			height: 3px !important;
			background-color: #777;
			margin-bottom: 5px !important;
		}

			#btn_hmbg.active > span:nth-child(1) {
				transform: translateY(8px) rotate(45deg);
			}


			#btn_hmbg.active > span:nth-child(2) {
				opacity: 0;
			}


			#btn_hmbg.active > span:nth-child(3) {
				transform: translateY(-8px) rotate(-45deg);
			}

			#btn_hmbg span:nth-child(1) {
				margin-top: 5px !important;
			}


	#header>div:not(#header_txt) {
		flex-direction: column;

		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	#header>div>ul {
		margin-left: auto !important;
	}

	#header > div#header_txt {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}
/* gnav */
	#gnav {
		z-index: 999999;
		position: fixed;
		top: 0;
		right: 0;

		display: none;		
		width: calc(100% - 70px);
		max-width: calc(100% - 70px);
		min-width: calc(100% - 70px);
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: auto;
		padding: 0 !important;
		margin: 0 !important;
		border: 1px solid rgba(20 60 155 / 1.00);
	}

	#gnav > ul {
		flex-direction: column;
		background: rgba(255 255 255/ 0.95) !important;
		border-radius: 0px;
	}

	#gnav > ul > li {
		align-items: center;
		justify-content: center;

		width: 100% !important;
		height: 3.00rem;
		padding: 0.75rem 0 !important;
		margin: 0 !important;
		border-bottom: 1.00px solid rgba(20 60 155 / 1.00);

		font-size: 1.15rem;
	}

	#gnav > ul > li > a,
	#gnav > ul > li > a > i,
	#gnav > ul > li > a > span {
		color: rgba(20 60 155 / 1.00) !important;
	}

	#gnav > ul > li#btn_flowchart > a,
	#gnav > ul > li#btn_flowchart > a > i,
	#gnav > ul > li#btn_flowchart > a > span {
		color: rgba(200 100 50 / 1.00) !important;
	}
	

	#home::after {
		content: "";
		margin-right: 8px;
	}


	#topimage {
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		height: 300px;
	}



	#wrapper {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
	}

	#main {
		max-width: 100%;
		width: 100%;
	}

	#main>* {
/*
		padding: 1.25rem;
		border-radius: 3px;
		border: 1px solid rgba(230 230 230/ 1.00);
*/
	}

	#main_contents {
/*
		box-sizing: border-box;
		margin-bottom: 1.50rem;
*/
	}


	/* fm.css */
	#fm ul li {
		flex-direction: column;
	}

	#fm ul li > label {
		justify-content: start;
		width: 100%;
		margin-bottom: 0.50rem;
	}

	#fm ul li > span {
		width: 100%;
	}

	#aside {
		max-width: 100%;
		width: 100%;
	}

	#fm select:not(.sel_times) {
		width: 100% !important;
	}

	#fm select:not(.sel_times) option {
		width: 100% !important;
	}


	#footer {
/*
		width: 100%;
		height: 120px;
		background: rgba(125 155 210/ 1.00);
*/
	}

		#footer>div {
			width: 100%;
			max-width: 100%;
			min-width: 100%;
		}



}