/****************************************

	usage_transport.css

*****************************************/

h2.main_title  {
	padding-top: 8.8%;
	line-height:2.5rem;
}

h1.color_title{
	color: #595757;
	font-size: 1.8rem;
	line-height: 2.5rem;
	font-weight:normal;
	text-align: center;
	padding: 2.7rem 0 1.5rem 0;
	float: none;
}

img.sp_tab_img_center{
	display: block;
	max-width: 97.7rem;
	width: 100%;
	margin: 3.5rem auto 0 auto;
}

img.sp_tab_img_center{
	display: block;
	max-width: 97.7rem;
	width: 93%;
	margin: 1.5rem auto 0 auto;
}

img.sp_tab_img_center2{
	display: block;
	max-width: 33.9rem;
	width: 80%;
	margin: 1.5rem auto 0 auto;
}


div.service_innner_box,div.service_innner_box2{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 4rem 0;
}

div.service_innner_box2{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

span.okada_indent{
	display: block;
	padding-left: 10.4rem;
	text-indent: -10.4rem;
}

td.none_btn{
	padding: 0!important;
	border: none!important;
}

.tab_display_img{
	display: none;
}

p.under_asuta{
	width: 95%;
	margin: 2rem auto;
	padding-left: 1.3rem;
	text-indent: -1.3rem;
}


/****************************************

for タブレット～PC(980px以下)

*****************************************/

@media print,screen and (min-width:768px) and ( max-width:980px){

h2.main_title  {
	padding-top: 12.8%;
}

h1.color_title{
	color: #595757;
	font-size: 2.4rem;
	line-height: 4.2rem;
	font-weight:normal;
	text-align: center;
	padding: 2.7rem 0 1.5rem 0;
	float: none;
}

img.sp_tab_img_center{
	display: block;
	max-width: 97.7rem;
	width: 90%;
	margin: 3.5rem auto 0 auto;
}

img.flow_img{
	display: block;
	max-width: 117.5rem;
	width: 100%;
	margin: 4.6rem auto 0 auto;
}

img.tab_img_center{
	display: block;
	max-width: 97.7rem;
	width: 90%;
	margin: 3.5rem auto 0 auto;
}

div.service_innner_box,div.service_innner_box2{
	width: 100%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 6rem 0;
}

div.service_innner_box2{
	width: 100%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

div.width_box{
	width: 90%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

span.okada_indent{
	display: block;
	padding-left: 11.2rem;
	text-indent: -11.2rem;
}

td.none_btn{
	padding: 0;
	border: none;
}

.tab_display_img{
	display: block;
}

.sp_display_img{
	display: none!important;
}

}




/****************************************
for PC
*****************************************/

@media print,screen and (min-width:981px) {

h2.main_title  {
	padding-top: 12.8%;
}


div.width_box {
    margin: 0 auto;
    width: 90%;
}

h1.color_title{
	color: #595757;
	font-size: 2.4rem;
	line-height: 4.2rem;
	font-weight:normal;
	text-align: center;
	padding: 7.5rem 0 2.9rem 0;
	float: none;
}


img.img_center{
	display: block;
	max-width: 97.7rem;
	width: 100%;
	margin: 7rem auto 0 auto;
}

img.flow_img{
	display: block;
	max-width: 117.5rem;
	width: 100%;
	margin: 4.6rem auto 0 auto;
}

div.service_innner_box,div.service_innner_box2{
	width: 90%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 10rem 0;
}

div.service_innner_box2{
	width: 90%;
	max-width: 117.5rem;
	margin: 0 auto;
	text-align: center;
	padding: 0;
}

span.okada_indent{
	display: block;
	padding-left: 11.2rem;
	text-indent: -11.2rem;
}

.sp_tab_display,.sp_tab_img_center,.sp_display_img{
	display: none!important;
}


}