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

	.sp{
		display: block;
	}

	.video-wrap > div > video{
		width: 200%;
	}

	.video-wrap > img{
		width: 20%;
	}

	.video-wrap > h1{
		width: 90%;
		font-size: 6.2vw;
	}

	#main1 > div > h1{
		font-size: 25px;
	}

	#main1__block--left{
		width: 80%;
		margin: 0 auto 0px auto;
		float: none;
	}

	#main1__block--right{
		width: 80%;
		margin: 0 auto 80px auto;
		float: none;
	}

	#main1__block > div{
		width: 98%;
		margin: 40px auto;
		overflow: hidden;
	}

	.okudo-top > div{
		height: 300px;
	}

	.image01,
	.image02{
		top: 0;
		bottom: 0;
		margin: auto;
		width: 55%;
	}

	.image01{
		left: 0;
	}

	.image02{
		right: 0;
	}

	#main2 > div h1{
		font-size: 25px;
	}

	#main2__block{
		flex-wrap: wrap;
		justify-content: center;
	}

	#main2__block > img{
		display: none;
	}

	.sp-none{
		display: none;
	}

	#main2__block > div:nth-of-type(1){
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}



	#main2__block > div:nth-of-type(2){
		width: 100%;
	}


	#main2{
		padding: 0 0 80px;
	}

	#main2__block > div dd{
		padding-left: 0;
		font-size: .9rem;
	}

	#main2__block > div dt{
		font-weight: bold;
		margin-bottom: 10px;
	}

	.youtube{
		text-align: center;
		margin: 0 0 20px 0;
	}

	.youtube > a{
		width: 80%;
		margin: 10px 0;
	}

	.youtube > a img{
		width: 100%;
	}

	#footer1 > h1{
		font-size: 20px;
	}

	#footer2 > h1{
		font-size: 20px;
	}

	#footer3 > div > iframe{
		margin: 0 0 30px 0;
	}

	#footer4{
		position: relative;
	}

	#footer4 > img{
		position: absolute;
		float: none;
		top: 10px;
		left: 10px;
		width: none;
	}

	#footer4__right{
		width: 100%;
		margin-left: 0;
	}

	#footer4__right > ul a{
		display: block;
		text-align: center;
	}

	#footer4__right li{
		width: 100%;
	}

	#footer4__right div > p{
		text-align: center;
	}

	#footer4__right > div > p{
		width: 100%;
	}

	.ad-logo > p img{
		width: 60%;
	}

}