header {
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 901;
	background-color: #fff;
	font-family: 'Noto Sans JP', sans-serif;
	border-bottom: 1px solid #CCC8;
	box-shadow: 0 -2px 10px #CCCC;
}

.hdr__layout {
	height: 100px;
}

.hdr__logo {
	margin: 0 auto 0 0;
	width: 180px;
}

.hdr__logo>a>img {
	width: 180px;
	height: auto;
	display: block;
}

.hdr__navi {
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - 180px);
}

.hdr__navi-menu {
	display: block;
}

.hdr__navi-menu {
	display: flex;
	justify-content: flex-end;
	padding: 0;
	margin: 0 10px 0 0;
	align-items: center;
	max-width: calc(100% - 240px);
/* 	flex-wrap: wrap; */
}

.hdr__navi-menu li,
.hdr__navi-menu-bs li {
	list-style: none;
	text-align: center;
	/* 	border-style: solid; */
	display: block;
	line-height: 1;
}


.hdr__navi-menu li:last-child {
	border-width: 0;
}

.hdr__navi-menu li a {
	text-decoration: none;
	color: #000;
	font-weight: 400;
	padding: 5px 15px;
	width: calc(100% - 40px);
	display: block;
	white-space: nowrap;
	font-size: 15px;
}

.hdr__navi-lang a {
	color: #ffff;
	text-decoration: none;
}

.hdr__navi-lang a.active {
	color: blue;
}

.hdr__navi-menu-bs {
	display: flex;
	padding: 0;
	align-items: center;
}

.hdr__navi-menu-bs li {
    background-color: white;
    margin: 0 10px 0;
    padding: 5px 0;
}

.hdr__navi-menu-bs li span {
/* 	background-color: #EDF4FF; */
	color: #000;
	display: inline-block;
	vertical-align: middle;
	padding: 5px 8px;
}

.hdr__navi-menu-bs li img {
	width: 26px;
	background: none;
	padding: 0 5px;
	vertical-align: middle;
}

.hdr__navi-menu-bs li a {
	text-decoration: none;
	color: #273F97!important;
	font-weight: 300!important;
	width: auto;
	white-space: nowrap;
	font-size: 15px;
}

/* SP menu btn ---------------------------------------------*/

.hdr__menu-btn {
	position: absolute;
	top: calc(90px / 2);
	right: 15px;
	border: 2px solid #233b6a;
	background: transparent;
	width: 50px;
	height: 50px;
	transform: translateY(-50%);
	display:none;
}

.hdr__menu-btn-icon {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.hdr__menu-btn-icon::before,
.hdr__menu-btn-icon::after,
.hdr__menu-btn-icon>span {
	content: "";
	width: 30px;
	height: 2px;
	background: #233b6a;
	display: block;
	margin: 8px 0;
	transition: 0.5s ease;
	opacity: 1;
}

.hdr__ftr {
	display: none;
}

/* custom */
.hdr__navi-menu-btn a{
	display: block;
}

.hdr__navi-menu-btn a img {
	width: auto;
	display: block;
}

.hdr__navi-menu-btn.line a img {
    height: 38px;
}

.hdr__navi-menu-btn.mail a{
    margin: 0 0 0 15px;
}

.hdr__navi-menu-btn.mail a img {
    height: 32px;
}

.hdr__exp {
    width: calc(100% - 180px);
    margin: 0 0 0 283px;
    font-size: 15px;
	max-height: 0;
    transition: max-height 0.5s ease;
    overflow: hidden;
}

.hdr__exp.hdrex-active {
	max-height: 100vh;
	overflow: visible;
	margin: 20px 0 0 283px;
}

.hdrex__layout {
    display: flex;
    flex-wrap: wrap;
}

/*.hdrex__layout.style2::before {
    content: "";
    position: absolute;
    background: #F1F1F1;
    z-index: -1;
    width: 100vw;
    height: 105%;
    left: calc(-280px - (50vw - 590px));
    top: 0;
}*/

.hdrex__layout.style2 {
    position: relative;
    overflow: visible;
    padding: 20px 0 0;
}

.hdrex__tab {
	opacity: 0;
	position: absolute;
	top: 0;
    left: 0;
    z-index: -2;
	width: 0;
	overflow: hidden;
}

.hdrex__tab.hdrex-active {
	opacity: 1;
	position: relative;
	transition: opacity 0.25s ease;
	z-index: 0;
	width: 100%;
}

.hdrex__col {
	margin: 0 0 60px;
}

.hdrex__col.hdrex__left {
    width: 31%;
}

.hdrex__col.hdrex__right {
    width: 30%;
}

.hdrex__col.hdrex__english {
    width: 15%;
}

.hdrex__link {
    display: block;
    text-decoration: unset;
    color: #000;
    font-weight: bold;
    line-height: 1.5;
}

.hdrex__link-nonbold {
    display: block;
    text-decoration: unset;
    color: #000;
    font-weight: 500;
    line-height: 1.5;
	font-size: 12px;
}

.hdrex__sublink-group .hdrex__link {
    font-size: 12px;
    font-weight: normal;
}


.hdrex__sublink-group {
    padding: 0 0 0 30px;
}

.hdrex__link-group {
    margin: 0;
}

.hdrex__glass {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    z-index: -2;
    background: #0002;
    backdrop-filter: blur(3px);
	overflow: hidden;
	transition: height 0.5s ease;
}

.hdrex-active .hdrex__glass {
	height: 100vh;
}

header::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: inherit;
}

header.hdrex-expand::before {
	max-height: 100vh;
}

.hdrex__btm {
    margin: 0 0 40px;
}

.hdrex__btm {
    width: 100%;
}

.hdrex__sns-cont {
	display: flex;
    justify-content: start;
    align-items: center;
}

.hdrex__sns-cont > .hdrex__link {
    display: flex;
    align-items: center;
    margin: 0 20px 0 0;
}

.hdrex__sns-cont > .hdrex__link > img {
    height: 40px;
    width: auto;
    margin: 0 10px 0 0;
}

.hdrex__back {
	display: none;
}

div#top-banner a {
    text-decoration: none;
}

/* Expanded Header sizing */

.hdrex__col.hdrex__english {
	width: 70px;
}

.footer__contact-btn.btn__bestsemi > span:hover {
	color: #273f97;
	background-color: #fff;
	border: 1px solid #273f97;
}

.trial-content-box .box-data-info p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: .1em;
    font-weight: 700;
}

.trial-content-box .box-data table thead th {
    width: unset;
}

.trial-content-box {
    max-width: 855px;
    width: 100%;
}

.sl-subpage-style-inn .style-wrap .style-content .content-list01 {
    max-width: 855px;
    width: 100%;
    margin: auto;
}

.trial-content.inner {
    width: 100%;
}

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

	.hdr__exp.hdrex-active {
		margin: 20px 0 0 auto;
		width: 876px;
	}

	.hdrex__col.hdrex__left,
	.hdrex__col.hdrex__right {
		width: 320px;
	}
}

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

	.hdr__exp.hdrex-active {
		width: 858px;
	}

	.hdrex__col.hdrex__left,
	.hdrex__col.hdrex__right {
		width: 305px;
	}

}

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

	.hdr__exp.hdrex-active {
		width: 835px;
	}

}

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

	.hdr__exp.hdrex-active {
		width: 652px;
	}

}

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

	.hdr__exp.hdrex-active {
		width: calc(100% - (50% - 241px));
		margin: 20px 0 0 calc(50% - 241px);
	}

	.hdrex__col.hdrex__left,
	.hdrex__col.hdrex__right,
	.hdrex__col.hdrex__english{
		width: 305px;
	}
}

/* Expanded Header sizing */


@media screen and (max-width: 1210px) {
	.hdr__navi-menu li a {
		padding: 5px 13px;
	}
}

@media screen and (max-width: 1200px) {
	.hdr__navi {
		flex-wrap: wrap;
		position: relative;
		padding: 0 160px 0 0;
	}
	.hdr__navi-menu {
        width: auto;
        max-width: unset;
        margin: 0;
    }
	
	.hdr__navi-menu-bs li {
		margin: 0;
	}
	
	.hdrex__layout.style2::before {
		left: -325px;
	}
}

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

	header {
        padding: 10px 0;
    }

    .hdr__logo {
        margin: 0 auto 0 0;
        width: 100%;
    }
    
	.hdr__layout.between {
		height: 140px;
		flex-direction: column;
		justify-content: center;
	}

	.hdr__navi {
		width: 100%;
		justify-content: center;
		/* 		flex-wrap: wrap; */
	}

	.hdr__navi-menu {
		width: 100%;
		flex-wrap: nowrap;
		max-width: unset;
		justify-content: center;
		margin: 5px 0;
		max-width: 100%;
		flex-wrap: unset;
		margin: 0 auto;
	}

	.hdr__logo {
		width: auto;
		margin: 0 auto;
	}

	.hdr__layout.vert-center.am-flex.between {
		display: block;
	}

	.hdr__logo>a>img {
		margin: 20px auto;
	}

	.hdr__navi-menu-btn.line a img {
		height: 40px;
		object-fit: contain;
	}

	.hdr__navi {
		width: 100%;
	}
	
	.hdr__navi-menu-bs li {
        margin: 0 15px 0 0;
    }
}

@media screen and (max-width: 768px) {
	.trial-content-box .box-data table {
        width: 800px;
		margin: auto;
        margin-bottom: 15px;
		border-collapse: collapse;
    }
	
	 .trial-content-box .box-data .tbl-wrap {
        max-width: 900px;
        overflow-x: auto;
        width: 90%;
        margin: 0 auto 20px;
    }
}

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

	.hdr__menu-btn {
		display: block;
	}

	header {
		position: fixed;
		z-index: 5;
		width: 100%;
		top: 0;
		left: 0;
		border-bottom: 1px solid #CCC;
		padding: unset;
	}

	header .am-container {
		width: 100%;
	}

	.hdr__logo > a {
		display: block;
		position: absolute;
		top: 45px;
/* 		width: calc(100% - 170px); */
		width: unset;
		text-align: left;
		transform: translateY(-50%);
		padding: 0 0 0 20px;
	}

	.hdr__logo img {
		width: auto;
		max-width: 150px;
		height: 50px;
	}

	.hdr__layout.between {
		display: block;
		height: auto;
		width: 100%;
		position: relative;
	}

	.hdr__logo {
		text-align: center;
		height: 90px;
	}

	.hdr__menu-btn {
		z-index: 2;
	}
	
	.hdr__menu--show .hdr__menu-btn-icon>span {
		opacity: 0;
	}

	.hdr__menu--show .hdr__menu-btn-icon::before {
		transform: translateY(10px) rotate(225deg);
	}

	.hdr__menu--show .hdr__menu-btn-icon::after {
		transform: translateY(-10px) rotate(-225deg);
	}

	.hdr__navi-menu-bs {
		display: block;
		width: 100%;
		margin: 0;
	}

	.hdr__navi .bnr__txt-button-style1 {
		display: block;
		margin: 0 40px;
	}

	.hdr__navi-menu {
		display: block;
	}

	.hdr__navi.am-flex {
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: #FFF;
		width: 100%;
		height: calc(100% - 80px);
		max-height: 0;
		padding: 0;
		overflow: hidden;
		transition:
			max-height 0.5s 0.2s ease,
			padding 0.5s 0.2s ease;
	}

	.hdr__menu--show .hdr__navi {
		padding: 80px 0 0;
		max-height: 100vh;
		display: block;
	}

	.hdr__navi-menu li a {
		padding: 0 48px 24px;
		font-size: 28px;
		font-weight: 600;
		text-align: left;
		line-height: 1.14;
		width: auto;
		opacity: 0;
		transition: opacity 0.2s linear;
	}
		
	.hdr__menu--show .hdr__navi-menu li a {
		opacity: 1;
	}

	header .am-container {
		height: 100%;
	}

	.hdr__layout {
		width: 100%;
		height: 100%;
	}

	.hdr__layout.vert-center.am-flex.between {
		height: 100%;
		position: relative;
	}

	.hdr__navi-menu-bs li {
		width: auto;
		margin: 20px 0 24px;
		text-align: left;
		padding: 0 40px;
		background: unset;
	}

	.hdr__navi-menu-bs li a {
		text-align: left;
		font-size: 20px;
		padding: 0;
		display: block;
		opacity: 0;
		transition: opacity 0.2s linear;
	}

	.hdr__menu--show .hdr__navi-menu-bs li a {
		opacity: 1;
	}
	
	.hdr__navi-menu-bs li span {
		padding: 10px;
	}

	.hdr__exp {
		display: block;
		margin: 0;
		overflow: auto;
		width: 100%;
		height: 0;
		position: fixed;
		left: 0;
		top: 0;
		padding: 0;
		max-height: unset;
		z-index: -1;
		opacity: 0;
		transition: 0.5s ease;
	}
	
	.hdr__menu--show .hdr__exp {
		height: 100%;
	}
	
	.hdr__exp.hdrex-active {
		z-index: 1;
		opacity: 1;
		overflow-y: auto;
		overflow-x: hidden;
		margin: 0;
	}
	
	.hdrex__back {
		display: block;
		position: absolute;
		z-index: 2;
		top: 40px;
		left: 30px;
		font-size: 40px;
		line-height: 30px;
		transform: translateY(-50%) scaleX(1.5);
		cursor: pointer;
	}

	.hdrex__glass {
		display: none;
	}

	.hdrex__layout {
		flex-wrap: wrap;
	}
	
	.hdrex__cont {
		height: 100%;
	}

	.hdrex__col.hdrex__left,
	.hdrex__col.hdrex__right {
		width: 100%;
	}

	.hdrex__col.hdrex__left {
		order: 1;
	}

	.hdrex__col.hdrex__right {
		order: 2;
	}

	.hdrex__btm {
		order: 3;
	}

	.hdrex__tab {
		max-height: 100vh;
		overflow: hidden;
		padding: 80px 48px 0;
        background: #FFF;
		min-height: calc(100% - 80px);
		transition: 0.5s ease;
		width: calc(100% - 96px);
	}

	.hdrex__tab.hdrex-active {
        max-height: unset;
        overflow: unset;
        
	}

	.hdrex__sns-cont {
		flex-wrap: wrap;
	}

	.hdrex__sns-cont .hdrex__link > span {
		width: 90vw;
	}

	.hdrex__sns-cont .hdrex__link {
		margin: 0 20px 20px 0
	}
	
	.hdrex__layout.style2::before {
		content: unset;
	}
	
	#future .future-cont__subtext {
		text-align: left;
	}
	
	.hdrex__col {
		margin: 0 0 30px;
	}
	
	.hdrex__layout.style2 {
		padding: 0; 
	}
	
	.hdrex__col.hdrex__english {
		order: 3;
	}
}