@media screen and (max-width: 1024px){
	.s-area{
		height:400px;
	}
	.inner{
		width:95%;
		margin:0 auto;
	}
	.fsent{
		width:90%;
		margin:0 auto;
	}
	#block4{
		background-size:50%;
	}
	#reason{
		width:60%;
	}
	#reason div{
		line-height:1.8em;
	}
	.circle{
		margin-bottom:30px;
		margin:0 5px 30px 5px;
		width: 230px;
		height: 230px;
	}
	#blk11-bg{
		background-position:0 100%;
	}
	.circle-box{
		width:100%;
		margin:0 auto;
	}
	.items{
		flex-basis: 25%;
	}
}
@media screen and (max-width: 768px){
	.s-area{
		height:480px;
	}
	.inner{
		width:95%;
	}
	.fsent{
		text-align:left;
	}
	.subtitle{
		width:95%;
		margin:0 auto;
	}
	#reason{
		width:100%;
		padding-bottom:220px;
	}
	#block4{
		background:url(../img/block4_bg.png) #f2f2f2 right bottom no-repeat;
		background-size:65%;
	}
	.subtitle h3{
		font-size:1.3em;
		line-height:1.3em;
	}
	.circle{
		margin-bottom:30px;
	}
	.items{
		flex-basis: 35%;
	}
	#blk11-bg{
		background-position:0 100%;
	}
	form{
		width:85%;
		margin:0 auto;
		padding:15px;
	}
	select{
		margin-bottom:10px;
	}
	.wid80{
		width:90%; 
	}
	#submit-area{
		text-align:center;
	}
	.alc img{
		width:100%;
	}
	div#t-outer{
		width:90%;
	}
}
@media screen and (max-width: 667px){
	#maincatch{
		font-size:1.8rem;
		line-height:2.4rem;
	}
	.inner{
		width:90%;
		margin:0 auto;
	}
	.s-area{
		height:auto;
	}
	.bd{
		width:95%;
		margin:0 auto;
		display:block;
	}
	ul#trouble{
		margin-left:0;
	}
	.subtitle h3{
		font-size:1em;
	}
	h2.block_title{
		font-size:1.8em;
		width:300px;
	}
	h2.block_title2{
		font-size:1.8em;
		width:440px;
	}
	h2.block_title3{
		font-size:1.8em;
		width:460px;
	}
	#blk6-sent img{
		width:45%;
	}
	h3#blk9-tit{
	font-size:1.8em;
	}
	#blk10-tit{
		width:330px;
	}
	#blk10-tit2{
		width:420px;
	}
	#blk10-sent img{
		width:45%;
	}
	#mem-bd{
		padding: 20px 20px 40px 20px;
	}
}
@media screen and (max-width: 568px){
	#blk11-bg{
		background-size:55%;
	}
	#reason{
		padding-bottom:150px;
	}
	#reason div{
		font-size:1em;
	}
	#opening{
		width:65%;
	}
	
}
@media screen and (max-width: 480px){
	#maincatch{
		font-size:1.4rem;
		line-height:2rem;
	}
	h2.block_title{
		font-size:1.8em;
		width:300px;
	}
	h2.block_title2{
		font-size:1.5em;
		width:340px;
	}
	h2.block_title3{
		font-size:1.4em;
		width:340px;
	}
	.subtitle,.subtitle h3{
		width:90%;
		margin:0 auto;
		background:none;
		text-align:left;
	}
	.items{
		flex-basis: 40%;
	}
	.circle{
		width: 150px;
		height: 150px;
		vertical-align: middle;
		color:#FFF;
	}
	#c1, #c2, #c3{
		display: inline-block;
		padding-top: 30px;
		line-height: 1.2em;	
		font-size: 0.85em;
	}
	#c4 {
		display: inline-block;
		padding-top: 33px;
		line-height: 1.3em;	
		font-size: 0.85em;
	}
	#blk7-sent{
		font-size:1.0em;
	}
	.nbd{
		display:block;
	}
	.nbd img{
		width:100%;
		margin:0 auto;
		margin-bottom:40px;
	}
	.nitem{
		width:80%;
		margin:0 auto;
	}
	h3.rep{
		font-size:1.8em;
	}
	h3#blk9-tit{
		font-size:1.4em;
	}
	#blk10-tit{
		width:290px;
	}
	#blk10-tit2{
		width:330px;
	}
	#real-box{
		padding:10px;
	}
	#opening{
		width:100%;
	}
	#opening img{
		margin-bottom:0px;
	}
	#blk11-bg{
		background:none;
	}
	#mem-head img{
		width:100%;
	}
	h4.qt{
		font-size:1em;
	}
	#m-area{
		text-align:left;
		padding:20px;
	}
	#footer-inner{
		width:80%;
		margin:0 auto;
	}
	#logo{
		width:100%;
	}
	.stbox{
		margin-bottom:40px;
		padding:20px;
	}
	#block12{
		padding-bottom:30px;
	}
	div#t-outer{
		width:98%;
	}
}
@media screen and (max-width: 375px){
		h4.qt{
		line-height:1.4em;
	}
}