@media screen and (min-width:600px) and (max-width:1280px){
	.desctop {
		height: auto;
		min-height: 77px;
		padding-bottom: 10px;
	}
	.desctop .phone_email a.phone:first-of-type {
		display:block;
	}
	.desctop .phone_header {
		display: none;
	}
	.travelBox .item p, .travelBox .item p span {
		font-size: calc( (100vw - 800px)/(1280 - 800) * (14 - 10) + 10px);
	}
	.mapBox .item #map{
		width: calc( (100vw - 320px)/(1280 - 320) * (815 - 320) + 320px);
		height: calc( (100vw - 320px)/(1280 - 320) * (293 - 250) + 250px);
	}
}
@media screen and (min-width:600px) and (max-width:1200px){
	.desctop .logo span {
		font-size: calc( (100vw - 800px)/(1280 - 800) * (16 - 14) + 14px);
		width: calc( (100vw - 800px)/(1280 - 800) * (290 - 180) + 180px);
	}
	.desctop .logo span br{
		display: none;
	}
	.desctop .contact {
		margin-left: calc( (100vw - 800px)/(1280 - 800) * (117 - 40) + 40px);
		width: calc( (100vw - 800px)/(1280 - 800) * (332 - 240) + 240px);
	}
	.desctop .contact span {
		font-size: calc( (100vw - 800px)/(1280 - 800) * (14 - 12) + 12px);
	}
	.desctop .phone_header, .desctop .phone_email a.phone, .desctop .phone_email a.email {
		font-size: calc( (100vw - 800px)/(1280 - 800) * (21 - 16) + 16px);
	}
	.desctop .phone_email, .desctop .phone_header {
		text-align: left;
	}
	.advantages .items .item p {
		font-size: calc( (100vw - 800px)/(1280 - 800) * (14 - 11) + 11px);
	}
}
@media screen and (min-width:600px) and (max-width:800px){
	.advantages {
		display:block;
	}
	.advantages .image {
		width:100%;
	}
	.advantages .items {
		width:50%;
		margin: 0 auto;
		padding-top:0;
	}
	.advantages .items .item p {
		font-size: 14px;
	}
	.desctop .phone_email {
		margin-right:0;
	}
}
@media screen and (max-width:600px){
	.inner{
		padding:0 10px;
	}
	.desctop{
		display: none;
	}
	.mobileHeader{
		display: block;
		height: auto;
		background-color: transparent;
	}
	.mobileHeader .inner{
		height:48px;
		background-color: #2e4589;
		padding-top:0;
		overflow:visible;
	}
	.mobileHeader .inner .logo img{
		width: 35px;
		margin-top:5px;
	}
	.mobileHeader .logo span {
		color: #ffffff;
		font-size: 15.5px;
		margin:5px 0 0 10px;
	}
	.mobileHeader .headerMenu{
		margin-right:-10px;
		height: 100%;
		position: relative;
	}
	.mobileHeader .listMenu{
		position: absolute;
		list-style: none;
		background-color: #e3642d;
		z-index: 999;
		top: 0;
		right: 0;
	}
	.mobileHeader .listMenu li a{
		display: block;
		height:45px;
		text-align: left;
		font-size: 14px;
		color: rgb(255, 255, 255);
		line-height:40px;
		padding: 0 10px;
		white-space: nowrap;
	}
	.mobileHeader .listMenu li a:hover{
		text-decoration: underline;
	}
	
	.mobileHeader .contact {
		margin-left:0;
		display: flex;
	}
	.mobileHeader .contact .item{
		width: 50%;
		padding:6px 0 6px 10px;
	}
	.mobileHeader .contact .item a{
		display: block !important;
	}
	.mobileHeader .contact span {
		color: rgb(0, 0, 0);
		margin-bottom: 5px;
		line-height: 1.4;
	}
	.mobileHeader .phone_email {
		text-align: left;
		margin-right:0;
	}
	.mobileHeader .phone_hiader, .mobileHeader .phone_email a.phone{
		font-size: 15.5px;
		color: rgb(0, 0, 0);
		line-height: 1.5;
	}
	.mobileHeader .phone_email a.email{
		font-size: 14px;
		color: rgb(220, 60, 48);
		text-decoration: underline;
		line-height: 1.2;
	}
	.mobileHeader .operating{
		display: block;
		font-size: 14px;
		color: rgb(255, 255, 255);
		line-height:36px;
		background-color: #2e4589;
		padding: 0 10px;
	}
	nav{
		display: none;
	}
	.advantages {
		display:block;
		margin-top: 10px;
	}
	.advantages .image {
		display: none;
	}
	.advantages .items {
		width:100%;
		margin-bottom: 28px;
		padding-top: 0;
	}
	.advantages .imageMobileMain{
		display: block;
	}
	.advantages .imageMobileMain img{
		width: 100%;
	}
	.mapBox .item {
		display:block;
	}
	.mapBox .item .mapBoxInner table {
		display: none;
	}
	.mapBox .item .mapBoxInner{
		margin-bottom: 20px;
		margin-right: 0;
	}
	.mapBox .item .mapBoxInner img:first-of-type{
		display: none;
	}
	.mapBox .item .mapBoxInner img:last-of-type{
		display: block;
		margin-top: 20px;
	}
	.travelBox {
		display:block;
		margin-top: 0 !important;
	}
	.travelBox .item{
		width: 100%;
		margin-right: 0 !important;
		margin-bottom: 20px;
	}
	footer{
		text-align: center;
		font-weight: normal;
	}
	.mapBox .item #map{
		width:100%;
		height:250px;
	}
}