/** sp **/
@media only screen and (max-width: 750px) {
	.pc { display: none !important; }
	table th,table td {
		display: block;
		width: 100%;
	}
	table th {
		background-color: #f4f4f4;
		border-bottom: none;
		padding: .5em
	}
	table td {
		padding: .5em
	}
	.iframe_wrap {
		display: block;
		margin: 10px auto;
		position: relative;
		width: 100%;
		height: auto;
		max-width: 560px;
		padding: calc(315 / 560 * 100%) 0 0;
	}
	.iframe_wrap iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.box_layout .box_ins {
		padding-top: var(--size50);
		text-align: center;
	}
}
/** pc **/
@media only screen and (min-width: 751px){
	.sp { display: none !important;}
	.hero {
		height: 100vh;
	}
	.hero::before {
		width: 50%;
	}
	.hero .hero_logo {
		width: min(calc(420 / var(--breakpoint) * 100vw), 420px);
		margin-left: 0;
		margin-right: 0;
	}
	.hero .hero_cap {
		font-size: min(calc(50 / 1200 * 100vw), 50px);
		text-align: left;
	}
	.hero .hero_inner {
		position: absolute;
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
	}
}
@media only screen and (max-width: 940px){

	
}