@media screen and (min-width: 1151px) {
	.sp{ display: none; }

	.h_over_menu {
		display: none!important;
	}
}

@media screen and (max-width: 1150px) {
	/* css common 
	---------------------------------------------------------- */
	.pc{ display:none; }

	body.fixed {
		overflow: hidden;
	}
	body, #wrapper {
		width: 100%;
		min-width: 100%;
	}

	/* header 
	---------------------------------------------------------- */
	.h_wrapper {
		padding: .8rem;
	}
	.h_link {
		display: none!important;
	}
	.h_menu {
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
	}
	.h_over_menu .h_over_menu_box {
		margin: calc( 44px + .8rem * 2 ) auto 0;
		width: 100%;
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		text-align: center;
	}
	.h_over_menu .h_over_menu_top {
		margin-bottom: .6em;
		font-family: "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "MS Mincho", "HiraMinPro-W3", "Hiragino Mincho Pro W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", serif;
		font-size: max( 3.3vw, 2.4rem );
		font-weight: 400;
	}
	.h_over_menu ul li a {
		padding: .8rem 16px;
		display: block;
		color: #000;
		font-size: max( 2.8vw, 2.2rem );
		font-weight: 500; 
		text-decoration: none;
	}
	.h_over_menu ul li a:hover{
		background: #036EB8;
		color: #fff;
	}
	.h_menu_ico,
	.h_menu_ico span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
		z-index: 12;
	}
	.h_menu_ico {
		position: relative;
		width: 44px;
		height: 44px;
		cursor: pointer;
	}
	.h_menu_ico span {
		position: absolute;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 28px;
		height: 2px;
		background-color: #000;
	}
	.h_menu_ico span:nth-of-type(1) {
		top: 25%;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.h_menu_ico span:nth-of-type(2) {
		top: calc( 50% - 1px);
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}
	.h_menu_ico span:nth-of-type(3) {
		bottom: 25%;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
	}

	/*＋、－切り替え*/
	.h_menu_ico.active span:nth-of-type(1) {
		top: calc( 50% - 1px );
		background: #036EB8;
		transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
	}
	.h_menu_ico.active span:nth-of-type(2) {
		background: #036EB8;
		transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		-o-transform: rotate(135deg);
	}
	.h_menu_ico.active span:nth-of-type(3) {
		display: none;
	}

	/* footer 
	---------------------------------------------------------- */
	footer .f_link {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	footer .f_link__top li+li::before {
		border-left: none;
	}
	footer .f_link__top li a {
		padding: 0;
	}
	footer .copyright {
		padding-right: calc( 4.4rem + 16px );
	}

	/* index
	---------------------------------------------------------- */
	.content_index_01 ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.content_index_01 ul li {
		width: 100%;
	}

} /* End Media 980px */



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

	/* css common 
	---------------------------------------------------------- */
	.topicpath {
		padding: 1.6vw 0;
	}
	.topicpath li {
		font-size: 1.2rem;
	}
	.topicpath li:not(:last-child)::after {
		margin: 0 .8rem;
	}

	.row-cols-sm-1 > * {
		width: 100%;
	}
	.row-cols-sm-1.gap-1 > * {
		width: 100%;
	}

	/* pagetop 
	---------------------------------------------------------- */
	#scrollUp {
		width: 4.4rem;
		height: 4.4rem;
	}
	#scrollUp::before {
		height: 2.4rem;
		top: calc( 50% - 1.2rem );
	}
	#scrollUp::after {
		width: 1.2rem;
		height: 1.2rem;
		top: calc( 50% - 1.2rem );
	}

	/* title
	---------------------------------------------------------- */
	h1.page_ttl {
		font-size: max( 4.7vw, 2.0rem );
	}

	/* index
	---------------------------------------------------------- */
	.index_content01 ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	/* overview
	---------------------------------------------------------- */
	.page_overview .box_body {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}
	.page_overview .box_body .img {
		flex: 0 0 100%;
	}

	/* information
	---------------------------------------------------------- */
	.content_information_information dl {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		flex-direction: column;
	}

	/* webaccessibility
	---------------------------------------------------------- */
	.page_webaccessibility thead {
		display: none;
	}
	.page_webaccessibility tbody tr {
		width: 100%;
	}
	.page_webaccessibility tbody th {
		width: 100%;
		border-right: none;
		display: block;
	}
	.page_webaccessibility td {
		width: 100%;
		border-right: none;
		display: block;
		text-align: left;
	}
	.page_webaccessibility td:nth-child(2),
	.page_webaccessibility td:nth-child(3),
	.page_webaccessibility td:nth-child(4) {
		width: 100%;
	}
	.page_webaccessibility td:before {
		content: attr(data-label);
		font-weight: bold;
		margin-right: .5em;
	}
	.page_webaccessibility td:nth-child(2):before {
		content: "適合レベル";
	}
	.page_webaccessibility td:nth-child(3):before {
		content: "適用";
	}
	.page_webaccessibility td:nth-child(4):before {
		content: "適合";
	}
	.page_webaccessibility td:nth-child(5):before {
		content: "注記";
	}

} /* End Media 768px */