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

ul{
	padding-left:0;
}
li{
	list-style:none;
}
a {
	text-decoration: none;
	color:inherit
}
a.anchor{
    display: block;
    padding-top: 30px;
    margin-top: -30px;
}
p {
  margin: 0;
}
img {
	margin: 0;
}

body {
	margin: 0px;
	padding: 0px;	
}

/*ヘッダー*/
.container {
	width: 600px;
	margin: 0 auto;
}
.header_logo {
	margin-top: 75px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.access_box {
	width: 600px;
	margin: 0 auto;
}
.access_btn {
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.gloval_menu {
	width: 600px;
	margin: 0 auto;
	margin-top: 40px;
}
#nav {
	font-family:sans-serif;
	list-style: none;
	display: flex;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
 
#nav li {
	width: 200px;
	text-align: center;
	height: 50px;
	line-height: 50px;
	margin-right: 2px;
}
 
#nav li a {
	display: block;
	text-decoration: none;
	font-size: 25px;
	font-weight: bold;
}
#nav li+li{
    border-left: 1px solid #000;
}
.card {
	font-family:sans-serif;
	width: 600px;
	margin: 0 auto;
}
.card_ttl_big {
	text-align: center;
	color: #c30d22;
	font-size: 25px;
	font-weight: bold;
}
.card_img {
	margin-top: 10px;
	text-align: center;
}
.card_img img {
	width: 560px;
}
.card_comment {
	margin-top: 5px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.catch01 {
	width: 600px;
	margin: 0 auto;
}
.catch01_img {
	display: flex;
	margin-top: 20px;
}
.catch01_2 {
	width: 600px;
	margin: 0 auto;
	position: relative;
}
.catch01_img_2 {
	display: flex;
	margin-top: -1px;
}
.line_btn {
	position: absolute;
	right: 20px;
	bottom: 20px;
	animation: fuwafuwa 2s infinite;
}
@keyframes fuwafuwa {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-30px);
  }
  100% {
    transform: translateY(0px);
  }
}

#area {
	width: 600px;
	margin: auto;
}
.area_img {
	margin-top: 50px;
	margin-left: 30px;
}
.area_ttl {
	font-family:sans-serif;
	margin-left: 30px;
	font-size: 30px;
}
.area_txt {
	font-family:sans-serif;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 20px;
	line-height: 1.8;
}
.Emphasis {
	color: #c30d22;
	font-weight: bold;
}
.area_map {
	text-align: center;
}
.service_ttl {
	width: 600px;
	margin: 0 auto;
}
#service {
	width: 600px;
	margin: 0 auto;
}
.service_img {
	margin-top: 100px;
}
.service_txt {
	font-family:sans-serif;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 20px;
	line-height: 1.8;
}
.image_car {
	display: flex;
	justify-content: flex-end;
	margin-top: -30px;
	margin-right: 30px;
}
.trouble01_ttl {
	margin-top: 50px;
	text-align: center;
}
.trouble01_ttl_t {
	font-family:sans-serif;
	margin-top: 15px;
	margin-left: 30px;
	font-size: 30px;
	font-weight: bold;
}
.trouble01_txt {
	font-family:sans-serif;
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 20px;
	line-height: 1.8;
}
.trouble01_img {
	margin-top: 30px;
	text-align: center;
}
.trouble02_ttl {
	margin-top: 100px;
	text-align: center;
}
.trouble01_ttl2 {
	margin-top: 100px;
}
.point {
	width: 600px;
	margin: 0 auto;
}
.point_img {
	margin-top: 100px;
}
.point_icon {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.point01_back {
	font-family:sans-serif;
	width: 540px;
	height: 350px;
	margin: 0 auto;
	background-color: #ffe030;
	border-radius: 30px;
	margin-top: -80px;
}
.point01_box {
	width: 500px;
	margin: 0 auto;
	padding-top: 80px;
}
.point02_box {
	width: 500px;
	margin: 0 auto;
}
.point01_ttl_t {
	margin-top: 15px;
	text-align: center;
	font-size: 36px;
	font-weight: 1000;
	color: #c30d22;
	line-height: 1.3;
}
.point01_txt {
	margin-top: 15px;
	margin-left: 30px;
	margin-right: 30px;
	font-size: 20px;
	line-height: 1.8;
}
.point02_back {
	font-family:sans-serif;
	width: 540px;
	height: 300px;
	margin: 0 auto;
	background-color: #ffe030;
	border-radius: 30px;
	margin-top: -80px;
}
.point_icon02 {
	display: flex;
	justify-content: center;
	margin-top: 60px;
}
.point03_back {
	font-family:sans-serif;
	width: 540px;
	height: 340px;
	margin: 0 auto;
	background-color: #ffe030;
	border-radius: 30px;
	margin-top: -80px;
	margin-bottom: 10px;
}
.price_container {
	font-family:sans-serif;
	width: 600px;
	height: 2250px;
	margin: 50px auto 0;
	background-color: #c30d22;
	padding-top: 50px;
}
.price_img {
	margin-left: 30px;
}
.price_standard {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.price_ttl_t {
	display: flex;
	justify-content: center;
	margin-top: 10px;
	font-size: 34px;
	font-weight: 1000;
	color: #c30d22;
}
.price_txt {
	padding-top: 10px;
	padding-left: 30px;
	padding-right: 30px;
}
.price_a {
	display: flex;
	justify-content: space-between;
	font-size: 24px;
	margin: 0;
}
.price_a2 {
	display: flex;
	justify-content: space-between;
	font-size: 24px;
	text-align: justify;
	margin: 0;
}
.price_b {
	display: flex;
	justify-content: space-between;
	font-size: 24px;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20;
}
.price_ttl_t2 {
	display: flex;
	justify-content: center;
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 30px;
}
.price_track {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.price_track_box {
	width: 540px;
	height: 360px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 30px;
	padding-top: 15px;
}
.price_battery_box {
	width: 540px;
	height: 160px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 30px;
	padding-top: 15px;
}
.price_fuel_box {
	width: 540px;
	height: 230px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 30px;
	padding-top: 15px;
}
.price_tire_box {
	width: 540px;
	height: 280px;
	margin: 0 auto;
	background-color: #ffffff;
	border-radius: 30px;
	padding-top: 15px;
}


.price_detail {
	width: 480px;
	margin-top: 25px;
	margin-left: auto;
	margin-right: auto;
	font-size: 24px;
	color: #fff;
	line-height: 1.7;
}
.access_btn2 {
	width: 600px;
	margin-top: 40px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.footer_information {
	width: 600px;
	height: 1000px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	background-color: #c30d22;
	padding-top:180px;
}
.footer_rogo {
	text-align: center;
}
.footer_item {
	text-align: center;
	margin-top: 20px;
}
.footer_tel_txt {
	text-align: center;
	margin-top: 50px;
}
.footer_telnumber {
	text-align: center;
	margin-top: 40px;
}
.instagram_btn {
	text-align: center;
	margin-top: 50px;
}
.copyright_box {
	width: 600px;
	height: 60px;
	margin: 0 auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}
.copyright_txt {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	margin-right: auto;
	margin-left: auto;
}
.sapporo_ttl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	border: 3px #ffffff solid;
	width: 350px;
	margin: 20px auto 0;
}
.sapporo_call {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 56px;
	font-weight: 900;
	color: #ffffff;
}
.asahikawa_ttl {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	border: 3px #ffffff solid;
	width: 350px;
	margin: 20px auto 0;
}
.asahikawa_call {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 56px;
	font-weight: 900;
	color: #ffffff;
}