@charset "utf-8";

@media screen and (max-width : 640px) {
/* pattern common
================================================== */
.sec_title{
	margin-bottom: 16px;
	padding-top: 33px;
	background-size: auto 25px;
}
.sec_title h2{
	padding-top: 5px;
	border-top-width: 3px;
	font-size: 93.7%;
}
.btn_default a{
	padding: 9px 14px 7px;
	-webkit-box-shadow: 0 1px 0 0 #dbdbdb;
    box-shadow: 0 1px 0 0 #dbdbdb;
	font-size: 87.5%;
}
.btn_default span{
	background-position: 0 5px;
	background-size: 14px auto;
}

/* mainvisual style
================================================== */
.sec_mainvisual{
	padding: 17px 0 18px;
	background-image: url(/shared/templates/transport_top/images/icon/mv_bgr_sp.png);
	background-size: 100% 100%;
}
.sec_mainvisual .mv_wrapper{
	margin-left: 0;
	margin-right: 0;
}
.sec_mainvisual .mv_wrapper:before{
	left: 0;
	width: calc(25% - 8px);
	height: 66.6666%;
	background: transparent url(/shared/templates/transport_top/images/icon/mv_symbol_sp.png) no-repeat;
	background-size: 100% auto;
	background-position: center 20px;
	bottom: 12%;
}
.sec_mainvisual .mv_title{
	background-image: url(/shared/templates/transport_top/images/icon/mv_title_sp.png);
	width:100%;
	height:auto;
	background-size: contain;
	margin: 0 auto 16px;
	background-position: center top;
	padding-top: 7%;
}
.sec_mainvisual .mv_gallery_list{
	gap:8px;
}
.sec_mainvisual .mv_gallery{
	width:calc(25% - 8px);
}
.sec_mainvisual .mv_gallery span{
	border-radius: 8px;
}
/* order */
.sec_mainvisual .mv_gallery:nth-of-type(1){
	margin-left: 25%;
}
.sec_mainvisual .mv_gallery:nth-of-type(4){
	order: 5;
}
.sec_mainvisual .mv_gallery:nth-of-type(5){
	order: 6;
}
.sec_mainvisual .mv_gallery:nth-of-type(6){
	margin-left: 25%;
}
.sec_mainvisual .mv_gallery:nth-of-type(7){
	order: 7;
}
.sec_mainvisual .mv_gallery:nth-of-type(8){
	order: 8;
}
.sec_mainvisual .mv_gallery:nth-of-type(9){
	order: 9;
}
.sec_mainvisual .mv_gallery:nth-of-type(10){
	order: 10;
}
/* news style
================================================== */
.sec_news{
	padding: 35px 0 67px;
}
.sec_news .news_wrapper:before,
.sec_news .news_wrapper:after{
	content: none;
}
.sec_news .news_heading{
	margin-bottom: 20px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.sec_news .sec_title{
	background-image: url(/shared/templates/transport_top/images/icon/news_ttl_sp.png);
	background-position: center top;
	background-size: auto 23px;
	width: 100%;
	text-align: center;
}
.sec_news .btn_default{
	padding-left: 0;
}
.sec_news .btn_default a{
	margin: 0 auto;
	max-width: 310px;
}
.sec_news .news_cnt{
	padding: 11px 30px;
	background-size: 5px auto;
	border-radius: 40px;
	min-height: 524px;
}
.sec_news .news_cnt:before{
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    border-radius: 30px;
}
.sec_news .news_cnt >p{
    padding: 25px 0 19px;
}
.sec_news .news_item{
	padding: 25px 0 19px;
}
.sec_news .news_item_inner{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.sec_news .news_item_img{
	margin-bottom: 11px;
	width: 100%;
}
.sec_news .news_item_img img{
	border-radius: 8px;
	width: 100%;
}
.sec_news .news_item_inner{
	background:none;
}
.sec_news .news_item_cnt{
	padding-left: 0;
}
.sec_news .news_item_title{
	margin-bottom: 2px;
	font-size: 131.2%;
	line-height: 1.2;
}
.sec_news .icon1 .news_item_cnt .news_item_title {
	background-image:url(/shared/site_transport/images/icon/train_icon.png);
}
.sec_news .icon2 .news_item_cnt .news_item_title {
	background-image:url(/shared/site_transport/images/icon/bus_icon.png);
}
.sec_news .icon3 .news_item_cnt .news_item_title {
	background-image:url(/shared/site_transport/images/icon/taxi_icon.png);
}
.sec_news .icon4 .news_item_cnt .news_item_title {
	background-image:url(/shared/site_transport/images/icon/bicycle_icon.png);
}
.sec_news .news_item_inner .news_item_cnt .news_item_title {
	background-size: 55px auto;
	padding-left: 69px;
	background-repeat:no-repeat;
	background-position:left 2px;
	margin-bottom:15px;
	min-height: 60px;
}
.sec_news .news_item_title a{
	padding-left: 30px;
	background-position: 0 4px;
	background-size: 20px auto;
}
.sec_news .news_item_cnt >p{
	line-height: 1.6;
}
/* street pattern */
.sec_news .news_street{
	top: 285px;
	left: 0;
	bottom: 0;
	width: 100%;
	margin-left: 0;
	border-radius: 0;
}
.sec_news .news_bus,
.sec_news .news_street:before{
	display: none;
}
.sec_news .news_street:after{
	left: 20px;
	right: 0;
	bottom: 29px;
	background-size: 65px auto;
	height: 9px;
}

/* vehicle style
================================================== */
.sec_vehicle {
	margin-top: 68px;
    padding-bottom: 71px;
}
.sec_vehicle >.container:before{
	content: none;
}
.sec_vehicle .vehicle_wrapper{
	padding: 41px 0 31px 21px;
	background-size: 5px auto;
	border-radius: 40px 0 0 40px;
}
.sec_vehicle .vehicle_wrapper:before{
	top: 10px;
    bottom: 10px;
    left: 10px;
    border-radius: 30px 0 0 30px;
}
.sec_vehicle .vehicle_wrapper:after{
	background-size: 5px auto;
}
.sec_vehicle .sec_title{
	margin-right: 20px;
}
.vehicle_map_img{
	margin-bottom: 10px;
}
.vehicle_map_img img{
    border-radius: 15px;
}
.vehicle_map_list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
/* street pattern */
.sec_vehicle .vehicle_street{
	top: 0;
	left: 0;
	margin-left: 0;
	width: 100%;
}
.sec_vehicle .vehicle_train,
.sec_vehicle .vehicle_street:before{
	display: none;
}
.sec_vehicle .vehicle_street:after{
	left: 21px;
	right: 0;
	bottom: 32px;
	background-size: 65px auto;
	height: 9px;
}

/* menu style
================================================== */
.sec_menu{
	padding: 39px 0 29px;
	background-image: url(/shared/templates/transport_top/images/icon/pattern_line.png);
	background-size: 5px auto;
}
.sec_menu:before{
	top: 10px;
	bottom: 10px;
}
.sec_menu .sec_title{
	margin-bottom: 18px;
}
.sec_menu .menu_list{
	margin-left: -4px;
	margin-right: -4px;
}
.sec_menu .menu_item{
    margin-bottom: 10px;
    padding: 0 4px;
    width: 33.333333%;
}
.sec_menu .menu_item a{
	padding: 18px 6px 16px;
	-webkit-box-shadow: 0 1px 5px 0 #dbdbdb;
	box-shadow: 0 1px 5px 0 #dbdbdb;
	border-radius: 8px;
}
.sec_menu .menu_item_icon{
	margin-bottom: 8px;
}
.sec_menu .menu_item_icon img{
	max-width: 48px;
}
.sec_menu .menu_item_des{
	font-size: 81.2%;
}

/* sns style
================================================== */
.sec_sns{
	border-radius: 0;
	padding-bottom:0;
}
.sec_sns:before,
.sec_sns:after{
	content:none;
}
.sec_sns >.container{
	padding-top: 30px;
	padding-bottom: 30px;
}
.sec_sns >.container:before,
.sec_sns >.container:after{
	content: none;
}
.sec_sns .sns_wrapper{
	padding:0;
	border:none;
	border-radius:0;
}
.sec_sns .sns_blog{
	padding: 19px 60px 14px 16px;
	max-width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.sec_sns .sns_blog:before{
	content: none;
}
.sec_sns .sns_blog_ttl{
	padding: 20px 30px 0 15px;
	background-image: url(/shared/templates/transport_top/images/icon/sns_ttl_sp.png);
	background-position: 19px 0;
	background-size: 78px auto;
	font-size: 119.5%;
}
.sec_sns .sns_blog_ttl:before{
	top: -2px;
    bottom: 3px;
	width: 5px;
}
.sec_sns .sns_blog_img{
	right: 4px;
}
.sec_sns .sns_blog_img img{
	max-width: 112px;
}
/* faq style
================================================== */
.sec_faq{
	padding: 23px 0;
}
.sec_faq .faq_blog{
	padding: 19px 60px 14px 16px;
	max-width: 100%;
	border-radius: 8px;
	overflow: hidden;
}
.sec_faq .faq_blog:before{
	content: none;
}
.sec_faq .faq_blog_ttl{
	padding: 20px 30px 0 15px;
	background-image: url(/shared/templates/transport_top/images/icon/faq_ttl_sp.png);
	background-position: 19px 0;
	background-size: 187px auto;
	font-size: 119.5%;
}
.sec_faq .faq_blog_ttl:before{
	top: -2px;
    bottom: 3px;
	width: 5px;
}
.sec_faq .faq_blog_img{
	right: 13px;
}
.sec_faq .faq_blog_img img{
	max-width: 77px;
}

/* accessibility style
================================================== */
/* color */
.color_black #tmp_wrapper .sec_mainvisual .mv_title span span,
.color_blue #tmp_wrapper .sec_mainvisual .mv_title span span,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_title span span{
    display: block;
	font-size: 150%;
}
.fsize_big.color_black #tmp_wrapper .sec_mainvisual .mv_title,
.fsize_big.color_blue #tmp_wrapper .sec_mainvisual .mv_title,
.fsize_big.color_yellow #tmp_wrapper .sec_mainvisual .mv_title,
.fsize_big2.color_black #tmp_wrapper .sec_mainvisual .mv_title,
.fsize_big2.color_blue #tmp_wrapper .sec_mainvisual .mv_title,
.fsize_big2.color_yellow #tmp_wrapper .sec_mainvisual .mv_title{
	font-size: 100%;
}
.fsize_big.color_black #tmp_wrapper .sec_mainvisual .mv_title span span,
.fsize_big.color_blue #tmp_wrapper .sec_mainvisual .mv_title span span,
.fsize_big.color_yellow #tmp_wrapper .sec_mainvisual .mv_title span span,
.fsize_big2.color_black #tmp_wrapper .sec_mainvisual .mv_title span span,
.fsize_big2.color_blue #tmp_wrapper .sec_mainvisual .mv_title span span,
.fsize_big2.color_yellow #tmp_wrapper .sec_mainvisual .mv_title span span{
	font-size: 120%;
}
}

@media screen and (max-width: 359px) {
	.sec_news .sec_title{
		background-size: 100% auto;
	}
}