@media (max-width: 767px) { 


/* 
--------------------------------------------*/

.PC{
	display:none;
}
.SP{
	display:block;
}
.PC-inline{
	display:none;
}
.SP-inline{
	display:inline;
}

#suwaroka-contents-wrapper a{
	outline: none;
}


/* ページトップ 
------------------------------------------------------------ */
.pagetop{
	position:fixed;
	bottom:70px;
	left: inherit;
	right: 1%;
	display:none;
	z-index:10;
}
.pagetop a,
.pagetop span{
	display: block;
	text-indent: -9999px;
	width: 80px;
	height: 90px;
	background: url(../../assets/img/btn_pagetop.png) center center no-repeat;
	background-size: 80px auto;
}





/* コンテンツ基本
------------------------------------------------------------ */	
#suwaroka-contents-wrapper{
	-webkit-text-size-adjust: 100%;
	width:100%;
	min-width:100%;

}

.topicPath{
	font-weight: 400;
	text-align: left;
	height: auto !important;
	padding: 15px 0 0 0;
	width:90%;
	margin:0 auto;
	color: #000;
}





/*コンテンツ幅*/
.contents__inner{
	width:90%;
	margin:0 auto;
	text-align:left;
}




/* 基本
--------------------------------------------*/

.PC-kv{
	display: none !important;
}

.SP-kv{
	display: block !important;
	padding-top: 20px;
}
.SP-kv img{
	width: 100%;
}

.PC-kv-bottom-cover{
	display: none !important;
}


/*  
--------------------------------------------*/
.suwaroka-contents{
	width: auto;
	margin-top: 0 !important;
	top:0;
}


/*loading*/

#loadingPC{
	display: none !important;
}

#loadingSP{
	display: none;
}
#loadingSP.show{
	display: flex;	
	align-items: center;
	position: absolute;
	top:0;
	left: 0;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	background-color:rgba(255, 255, 255, 0.85);
}

#loadingSP .loading__txt{
	background-color: #fff;
	border: solid #00499f 2px;
	border-radius: 4px;
	padding: 15px;
	text-align: center;
	width: 95%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 150%;
	margin-bottom: 10%;
}

#loadingSP .loading__txt span{
	display: block;
	width: 30px;
	margin: 8px auto 0 auto;
}

.shadow{
	display: none !important;
}


/* 
--------------------------------------------*/
.suwaroka-footer{

	display: none;
}




/* モーダル基本
--------------------------------------------*/

.modal-content {
	width: 95%;
	max-height: inherit;
	height: 90vh !important;
	padding-bottom: 0vh !important;
	top:2.5vh !important;
	left: 2.5% !important;

}

#statement.modal-content{
	height: auto !important;
}

.modal-content-wrapp{
	max-height: 90vh;
}
.service-modal-content .modal-content-wrapp{
	max-height: 70vh;
}

.modal-content-inner{
	padding-bottom: 60px;
}
#statement .modal-content-inner{
	padding-bottom: 30px;
}

	
}