@media screen and (max-width: 767px) {
	html {
		height: 100%;
	}

	body {
	height: 100%;
	color: #000000;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	height: 100%;
	background-position: center top;
	background-repeat: no-repeat;
	}
	
	/*---------Common---------------*/
	.sp {
		display: inline-block;
	}

	.sp_b {
		display: block;
	}

	.pc,
	.pc_b {
		display: none;
	}
	
	/*-----HEADER-------*/
	#header_sp {
		width: 100%;
		height: 4.6rem;
		position: fixed;
		top: 0;
		z-index: 300;
		color: #fff;
		background-color: #970000;
	}

	#header_sp_sns {
		/*		text-align: center;*/
		width: calc(100% - 4.6rem);
	}

	#header_sp_sns a {
		color: #fff;
		font-size: 17pt;
		margin: 0 0.9rem;
		line-height: 4.4rem;
	}
	
	/*-----Header-------*/
	#header{
		width: 100%;
		margin-top: 4.6rem;
	}
	
	.header_img{
		width: 100%;
		height: auto;
		display: block;
	}
	
	/*-----Main Page-------*/
	main{
  min-width: inherit;
  padding-top: 10px;
	}
	
	.in_box{
		width: 100%;
	}
	
	h3{
		line-height: 1.4em;
	}
	
	.ctbox{
	margin-bottom: 30px;
	}
	
	.txt_box img{
		max-width: 90%;
	}

	.txt_box iframe {
		width: 90%;
		height: calc(100vw * 0.6);
		margin: 10px auto;
	}	
	
	/*-----PANEL-------*/
	
	.panel dt{
		padding: 10px 50px 10px 5px;
		text-align: left;
	}
	
	.panel dt:before{
		right:0px;
		top:0;
		bottom: 0;
		margin: auto;
	}
	
	.panel dt h3{
		text-align: left;
	}
	

	
	
	
	
	
	
	
	
	
}