@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
レスポンシブ用
1000px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が2800px以上の場合に適用 */
@media screen and ( min-width:2800px )
{

}

/* ウィンドウ幅が1521px以上の場合に適用 */
@media screen and ( min-width:1521px )
{

}

/* ウィンドウ幅が-1520pxの場合に適用 */
@media screen and ( max-width:1520px )
{



}

/* ウィンドウ幅が0-750pxの場合に適用 */
@media screen and ( max-width:750px )
{
	
.pc { display: none !important; }
.sp { display: inline !important; }

/* common -750px */

#content{
	background: #dedede;
}

#in_contents{
	width: 94%;
}

.in_contents_in{
	width: 92%;
}

.in_contents_in section{
	margin: 14% auto 0;
}

.in_contents_in h3 img{
	width: 100%;
	height: auto;
	max-height: 400px;
	margin: 7.5% auto 6% 0;
}

.in_contents_in h3.line-2 img{
	width: 100%;
	height: auto;
	max-height: 400px;
	margin-bottom: 7%;
}

.in_contents_in .box-2{
	display: block;
}

.in_contents_in .box-2 li{
	width: 100%;
	margin-bottom: 25%;
}

.in_contents_in .box-2 li:last-child{
	margin-bottom: 16%;
}

.in_contents_in .box-3{
	margin-top: 5%;
}

.in_contents_in .box-3 li,
.in_contents_in .box-4 li
{
	width: 45%;
	margin-bottom: 10%;
}

/*Appなどへのリンクボタン*/

.link-btn .app-btn ul{
	width: 100%;
	margin: 6% auto 0;
	padding-left: 0;
}

.link-btn .app-btn li:first-child{
	margin-right: 3%;
}

.link-btn .app-btn .note{
	width: 98%;
	height: auto;
	margin: 6% auto 10%;
}

.link-btn .btn-share-site{
	width: 98%;
	margin-bottom: 8%;
}

/* top -750px */

#pc_logo{
	display: none !important;
}

#sp_logo{
	display: block!important;
	width: 100%;
	margin: 0 auto;
	padding: 6% 0 4% 2%;
	border-bottom: 1vw solid #f80005;
	background: white;
}

#sp_logo img{
	width: 88%;
}

#top_img{
	width: 100%;
    margin: 6% auto 0;
}

/* nav1 -750px */

.nav1 ul{
	width: 100%;
	margin: 8.5% auto -15.8%;
 	flex-wrap: wrap;
}

.nav1 li{
	border-right:1px solid #a0a0a0 ;
	width: 33.2%;
	margin-bottom: 7%;
}

.nav1 li:first-child,
.nav1 li:nth-child(4),
.nav1 li:nth-child(7)
{
	border-left:1px solid #a0a0a0 ;
}

/* service -750px */

#service .txt1{
	width: 45%;
	margin: 6% auto 7% 0;
}

/* price -750px */

#price .full_txt{
	margin-bottom: 15%;
}

#price .mt-2{
	margin-top: -8%;
}

/* type -750px */

#type .img{
	width: 70%;
	margin: 3% auto 0;
}

#type .note{
	width: 100%;
	margin: 10% auto 14% 0;
}

/* station -750px */

#station .btn{
	width: 80%;
	margin: 10% auto 18%;
}

/* 保証制度 -750px */

#hosyou .txt-1{
	width: 100%;
	margin: 2% auto 8% 0;
}

#hosyou .full_txt{
	margin-bottom: 12%;
}

#hosyou .txt-2{
	width: 40%;
	margin: 0 0 2% auto;
}

#hosyou .hyou{
	margin: 0 auto;
	padding: 0;
	width: 99%;
	overflow-x: auto;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}

#hosyou .hyou img{
	width: 240%;
}

/* ご入会方法 -750px */

#nyukai .full_txt{
	margin: 5% auto 11%;
}

#nyukai li{
	width: 100%;
	margin-bottom: 0;
}

#nyukai li img{
	margin-bottom: 12%;
}

#nyukai li:nth-child(2) img{
	margin-bottom: 12%;
}

/* 特定商取引による表示 -750px */

#tokutei{
	margin-top: 10%;
	margin-bottom: 17%;
}

/* -750px goto_top btn */
#topBtn{
	width: 10%;
	height: auto;
	bottom: 20px;
	right: 10px;
}

}