@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Name : sp_guide.css
////////////////////////////////////////////////////////////*/

/*---------------------------------------------------------------------
 レスポンシブ
---------------------------------------------------------------------*/
@media only screen and (max-width:1000px) {

.contentInner{
	max-width:96%;
	margin-top:30px;
}
.contentService .photo{
	float:none;
	max-width:100%;
	margin:-8px auto;
}
.contentService .photo .notice{
	margin-top:0px;
}
.contentService .text{
	float:none;
	width:400px;
	max-width:100%;
	margin:2em auto 1em;
}

#subBtn{
	position:absolute;
	right:21px;
	top:219px;
	font-size: 12px;
	letter-spacing: 0.05em;
    text-align: center;
    margin: 0 0 0 0;
    cursor: pointer;

}

.subBtn.open img , #subBtn.open img {
    -webkit-transform: rotate(180deg);
}

#content .topicPath{
	margin-bottom:20px;
	}
	#subNav{
	margin-top:20px;	
	}
	#subNav li {
	border-left: 0;
	}
	
	.others .pageNavi li a{
				font-size:14px;
}

}
/* SP */
@media only screen and (max-width:768px) {
.service h2,
.others h2{
	font-size:18px;
}
.others .contentBody h3.guideTitle,
.others .contentBody h3{
	font-size:1.6em;
}
/*
.others .contentBody h3{
	margin-top:25px;
	margin-bottom:15px;
}
.others .contentBody h3.guideTitle{
	margin-top:25px;
	margin-bottom:15px;
}
.others .contentBody h4{
	margin-top:15px;
}
.others .contentBody .contentGuide dt{
	padding-top:15px;
}
.others .contentBody .contentGuide dd{
	margin-top:5px;
	margin-bottom:15px;
}
*/
.others .contentBody p.contentGuide{
	padding-top:15px;
}
.others .contentBody .tableBlock{
	overflow:auto;
	max-width:100%;
	margin:10px;
}
.others .contentBody .tableBlock table{
	min-width:480px;
}

.others .contentBody dd .tableBlock table{
	width:100%;
	min-width:inherit;
}
.others .contentBody .tableBlock table th{
	padding:3px;
}
.others .contentBody .tableBlock table td{
	padding:3px;
}
	.others .pageNavi{

	padding:0 10px;
	margin:10px 0;
}
.others .pageNavi dl{
	margin-top:-20px;
}
.others .pageNavi li{
	border:none;
	border-bottom:1px dotted #b8ab7b;
	display:block;
	white-space:normal;
	padding-right:0;
	margin:3px 0;
}
.others .pageNavi li:last-child{
	border:none;
}
.others .pageNavi li a{
	display:block;
	padding:5px;
}
.pagetop {
	bottom: 2% !important ;
	right: 3% !important;
}

.pagetop a {
	width: 35px !important;
	height: 35px !important;
}

.pagetop a::after {
	bottom: 10px !important;
	width: 10px !important;
	height: 10px !important;
}
}
@media only screen and (max-width:480px) {


}

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

}

.others img{
	width:auto;
}