@charset "utf-8";
/* CSS Document */



/*----------------------------------------
index
----------------------------------------*/

/*PC*/
@media only screen and (min-width: 768px) {


.cont01 { padding: 50px 0;}
.cont02 { padding: 50px 0;}
.cont03 { padding: 50px 0;}
.cont04 { padding: 50px 0;}



/*landing_guidance.css
------------------------*/

.title_img_boder { background: #FFF; color: #0072b6; font-size: 1.0em; font-weight: bold; padding: 20px 0px; margin: 40px 0 20px; border-bottom: 1px dotted #666;}

.hed_map { float: right; width: 430px;}
.hed_pict { float: left; width: 750px;}
.hed_pict img { width: 100%; height: auto;}
.bnr_rafraichir { font-size: 0.9em; line-height: 1.4em; padding: 15px 10px;}
.bnr_rafraichir img { float: left; margin: auto 15px 10px auto;}
.bnr_rafraichir p { float: right; width: 285px;}
.goto { list-style: none; font-size: 1em; line-height: 120%; display: flex; margin: 0 0 50px;}
.goto li { width: 200px; margin: 0 10px 0 0;}
.goto li:nth-last-of-type(1) { margin-right: 0;}
.goto li img { width: 100%; height: auto;}
.flow_bus { display: flex; flex-wrap: wrap; list-style: none; font-size: 1.4rem;}
.flow_bus li { width: 48%; overflow: hidden; margin: 0 4% 20px 0;}
.flow_bus li:nth-child(2n+2) { margin-right: 0;}
.flow_bus li img { float: left; width: 210px;}
.flow_bus li p { margin-left: 220px; margin-top: 5px; margin-right: 10px;}
.pd05 { padding: 5px;}
.pd10 { padding: 10px;}
.list_img01,
.list_img02 { list-style: none; margin-bottom: 20px; margin-left: 30px; width: 570px;}
.list_img01 li,
.list_img02 li { float: left; width: 135px; margin-bottom: 10px; background: #06F;}
.busmap { list-style: none; width: auto; margin: 0 10px;}
.busmap li { float: left;}
.busmap li a { background: url(../images/com/arrow.gif) no-repeat 0px center; display: block; white-space: nowrap; margin-right: 30px; padding-left: 20px; margin-bottom: 5px; color: #000;}
.busmap li a:hover { filter: alpha(opacity=80); opacity: 0.8;}
.ml285 { margin-left: 285px;}





}




/*sp*/
@media only screen and (max-width: 767px) {


.cont01 { padding: 5% 2%;}
.cont02 { padding: 5% 2%;}
.cont03 { padding: 5% 2%;}
.cont04 { padding: 5% 2%;}



/*landing_guidance.css
------------------------*/

.title_img_boder { background: #FFF; color: #0072b6; font-size: 1.0em; font-weight: bold; padding: 20px 0px; margin: 40px 0 20px; border-bottom: 1px dotted #666;}

.hed_map { float: none; width: 100%;}
.hed_pict { float: none; width: 100%;}
.hed_pict img { width: 100%; height: auto;}
.bnr_rafraichir { font-size: 0.9em; line-height: 1.4em; padding: 15px 10px;}
.bnr_rafraichir img { float: left; margin: auto 15px 10px auto;}
.bnr_rafraichir p { float: right; width: 285px;}
.goto { list-style: none; font-size: 1em; line-height: 120%; display: flex; flex-wrap: wrap; margin: 0 0 50px;}
.goto li { width: 48%; margin: 0 4% 4% 0;}
.goto li:nth-child(2n+2) { margin-right: 0;}
.goto li img { width: 100%; height: auto; margin: 0 0 10px;}
.flow_bus { display: flex; flex-wrap: wrap; list-style: none; font-size: 1em;}
.flow_bus li { width: 48%; overflow: hidden; margin: 0 4% 20px 0;}
.flow_bus li:nth-child(2n+2) { margin-right: 0;}
.flow_bus li img { float: none; width: 100%;}
.flow_bus li p { margin-left: 0; margin-top: 5px; margin-right: 10px;}
.pd05 { padding: 5px;}
.pd10 { padding: 10px;}
.list_img01,
.list_img02 { list-style: none; margin-bottom: 20px; margin-left: 30px; width: 570px;}
.list_img01 li,
.list_img02 li { float: left; width: 135px; margin-bottom: 10px; background: #06F;}
.busmap { list-style: none; width: auto; margin: 0 10px;}
.busmap li { float: left;}
.busmap li a { background: url(../images/com/arrow.gif) no-repeat 0px center; display: block; white-space: nowrap; margin-right: 30px; padding-left: 20px; margin-bottom: 5px; color: #000;}
.busmap li a:hover { filter: alpha(opacity=80); opacity: 0.8;}
.ml285 { margin-left: 285px;}





}