@charset "utf-8";
@media screen and (max-width:767px) {
	.page_top_pc {
		display: none
	}
	#page_top {
		bottom: 10px;
	}
	#page_top img {
		max-width: 34px;
	}
	#page_top_sp {
		display: block;
		font-size: 40px;
		color: #2ea7e0;
	}
	.icon-pc {
		display: none
	}
	.icon-sp {
		display: block
	}
	.icon-sp span a {
		text-decoration: none;
		color: #fff;
		font-size: 18px;
	}
	.icon-sp span {
		display: inline-block;
		height: 35px;
		width: 35px;
		text-align: center;
		line-height: 35px;
	}
	.tel-sp {
		background: #f29600;
	}
	.mail-sp {
		background: #1174ba
	}
	.icon-mn-sp {
		background: #ff6600;
		color: #fff;
		font-size: 18px
	}
	.head_left {
		padding-top: 0;
	}
	.head_bot {
		padding-left: 10px;
		padding-right: 10px;
		position: relative;
	}
	.wrap_menu {
		height: auto;
		padding-top: 0;
	}
	.head_contact a img {
		width: 35px;
	}
	ul.menu {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		top: -160px;
		z-index: 999;
	}
	.menu_home_sp ul.menu {
		top: 0;
	}
	
	ul.menu li {
		width: 100%;
		float: left;
		text-align: left;
		background: #ef9300;
		border-bottom: solid 1px #fff;
	}
	ul.menu li a {
		width: 100%;
		height: auto;
		padding-left: 0;
		padding-top: 0;
		text-align: left;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: inherit;
		font-size: 14px;
	}
	ul.menu li.active a, ul.menu li a:hover {
		height: auto;
		background-image: none;
	}
	ul.menu li:first-child a {
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: inherit;
		letter-spacing: inherit;
	}
	ul.menu li:first-child a {
		background-image: none
	}
	ul.menu li:first-child a span {
		position: relative;
		top: 0;
	}
	.head_contact {
		position: absolute;
		right: 0;
	}
	.wrap_footer {
		padding-left: 10px;
		padding-right: 10px;
	}
	.footer_image {
		display: none
	}
	.footer_detail {
		padding-left: 0;
	}
	.menu_home_sp {
		display: block;
		position: relative;
	}
	.menu_home {
		display: none
	}
	.menu_ft ul{
		text-align: center;
		width: 100%;
	}



	.ft_left {
		width: 100%;
		float: left;
	}
	.btn_contact_ft {
		text-align: center;
	}
	.ft_right {
		width: 100%;
		float: left;
		padding-left: 0;
		margin-top: 15px;
	}
	.bg_op_30 {
		border-radius: 15px;
	}



	body {
		font-size: 14px;
	}
	.head_left .time_work {
		display: none
	}
	.head_contact {
		position: static;
	}
	.menu_ft ul li {
		width: 33.333%;
		float: left;
		padding-left: 5px;
		padding-right: 5px;
		border-right: none;
		padding-top: 10px;
	}
	.menu_ft ul li:first-child {
		padding-left: 5px;
		width: 100%;
	}
	.menu_ft ul li a {
		display: block;
		padding: 10px;
		text-align: center;
		background: #2ea7e0;
		color: #fff;
		border-radius: 5px;
	}
	.menu_ft ul li a.over {
		background: #1678a5;
	}
	.title_blue {
		padding-left: 20px;
		padding-right: 20px;
	}
	.title_about {
		font-size: 20px;
		padding-top: 14px;
	}
	.title_about {
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
		line-height: 140%;
	}
	.ft_left table {
		max-width: 350px;
		margin: 0 auto;
		margin-top: 15px;
	}
}

@media screen and (max-width:640px) {
	.head_left .logo img {
		width: 200px
	}
	.head_top {
		display: none
	}
	.title01, .title_blue, .title_pink, .title_green, .title02, .title03, .title04 {
		font-size: 16px;
		height: auto;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	.title01-right {
		width: 100%;
		float: left;
		padding-right: 0;
		padding-top: 5px;
		margin-left: 0;
		
		text-align: right;
	}
	.ft_left table {
		max-width: 320px
	}
}

@media screen and (max-width:490px) {
	.head_left .logo img {
		width: 135px
	}
	.logo_ft_left {
		width: 60px;
	}
	.ft_left table tr td {
		font-size: 14px;
	}
	.menu_ft ul li {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-top: 5px;
	}
	.menu_ft ul li:first-child {
		padding-left: 0;
	}
}