@charset "utf-8";

main h1 {
	text-align: center;
	font-weight: 500;
	font-size: 2em;
	margin: 40px 0 60px;
	letter-spacing: 2px;
}
main h1 span{
	font-size: 0.6em;
	font-weight: 300;
	display: block;
}

@media screen and (max-width: 480px) {
	main h1{
	font-size: 1.4em;
	margin: 30px 0;
	}
}


/*------------------------------------------------------サブメニュー------------------------------------------------------*/
main .submenu.company_page{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
main .submenu.company_page ul{
	display: grid;
	grid-template-columns: repeat(auto-fill, 15.5%);
	grid-template-rows: auto;
	justify-content: space-between;
	width: 100%;
	margin: 0 auto;
	list-style-type: none;
}
main .submenu.company_page ul li{
	text-align: center;
	width: 100%;
}
main .submenu.company_page ul li a{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	padding: 10px 5px;
	text-decoration: none;
	color: #000;
	transition: ease all 0.3s;
	border: 1px solid #000;
}
main .submenu.company_page ul li a:hover{
	color: #FFF;
	background: #0E79D6;
	border: 1px solid #0E79D6;
}
main .submenu.company_page ul li a.active{
	color: #FFF;
	background: #0E79D6;
	border: 1px solid #0E79D6;
}

@media screen and (max-width: 480px) {
	/*サブメニュー*/
	main .submenu.company_page{
		width: 90%;
		margin: 30px auto 0;
	}
	main .submenu.company_page select{
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 16px;
	}
	main .submenu.company_page select::-ms-expand {
		display: none;
	}
	main .submenu.company_page .selectbox{
		border: 1px solid #000;
		padding: 13px 15px;
		position: relative;
	}
	main .submenu.company_page .selectbox::before{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0.6em;
		content: '\e5cf';
		font-family: "Material Icons";
		pointer-events: none;
		font-size: 1.6em;
	}
}

/*------------------------------------------------------店舗情報一覧------------------------------------------------------*/

main.storeinfo .content {
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
main.storeinfo .content-area{
	margin: 30px 0;
}

main.storeinfo .content-area .testdrivelist  {
  display: none;
}
main.storeinfo .content-area .testdrivelist.show {
  margin-top: 50px;
  display: block;
}
main.storeinfo .tab-area{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #000;
}
main.storeinfo .tab-area .tab{
	width: 150px;
	text-align: center;
	letter-spacing: 1px;
	color: #8A9AAF;
	padding: 20px 0;
	transition: ease all 0.3s;
}
main.storeinfo .tab-area .tab:hover{
	color: #000;
	cursor: pointer;
}
main.storeinfo .tab-area .active{
	color: #000;
	position: relative;
}
main.storeinfo .tab-area .active::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	bottom: -2px;
	display: block;
}
main.storeinfo .tab-area .active::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
/*店舗リスト*/
main.storeinfo .content-area .testdrivelist ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
}
main.storeinfo .content-area .testdrivelist ul li{
	width: 22%;
	margin-right: 4%;
	margin-bottom: 30px;
}
main.storeinfo .content-area .testdrivelist ul li:nth-child(4n){
	margin-right: 0;
}
main.storeinfo .content-area .testdrivelist ul li dl a{
	text-decoration: none;
	color: #000;
	display: block;
}
main.storeinfo .content-area .testdrivelist ul li dl dt{
	font-size: 1.2em;
	font-weight: 500;
	margin: 10px 0 0;
	position: relative; /*20240119*/
}
main.storeinfo .content-area .testdrivelist ul li dl dt span{
	display: block;
	font-size: 0.7em;
	text-align: right;
	position: relative;
	margin-top: 6px;
}
main.storeinfo .content-area .testdrivelist ul li dl dt span::before{
	content:"";
	width: 60%;
	height: 2px;
	background: #000;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
main.storeinfo .content-area .testdrivelist ul li dl dd{
	margin: 10px 0 20px;
	line-height: 1.7;
}
main.storeinfo .content-area .testdrivelist ul li dl a span{
	transition: ease all 0.3s;
}
main.storeinfo .content-area .testdrivelist ul li dl dt a:hover span{
	color: #0E79D6;
}
main.storeinfo .content-area .testdrivelist ul li a img{
	transition: ease all 0.3s;
	margin-bottom: 10px;
}
main.storeinfo .content-area .testdrivelist ul li a:hover img{
	opacity: 0.7;
}

main.storeinfo .content-area .testdrivelist ul li dl a.tel{
	display: inline-block !important;
}

/*20240119START*/
main.storeinfo .content-area .testdrivelist.new{
  display: block !important;
}
main.storeinfo .content-area .testdrivelist ul li ul{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: nowrap;
	list-style-type: none;
	position: absolute;
	top: 7px;
	left: 7px;
}
main.storeinfo .content-area .testdrivelist ul li ul li{
	width: auto;
	margin-right: 2%;
	margin-bottom: 0;
	display: inline-block;
	height: 21px;
}
main.storeinfo .content-area .testdrivelist ul li ul li img{
	width: auto;
	height: 100%;
}
/*20240119END*/

/*ボタン*/
main.storeinfo .content-area .testdrivelist ul li div.btn{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;/*20240119*/
	gap:7px 0;/*20240119*/
}
main.storeinfo .content-area .testdrivelist ul li div.btn p{
	border: 1px solid #000;
	position: relative;
	margin-top: auto;
	text-align: center;
	width: 48%;
}

main.storeinfo .content-area .testdrivelist ul li div.btn p.full{
	width: 100%;/*20240119*/
}

main.storeinfo .content-area .testdrivelist ul li div.btn p a{
	display: block;
	padding: 5px 18px 7px;
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
}
main.storeinfo .content-area .testdrivelist ul li div.btn p a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.storeinfo .content-area .testdrivelist ul li div.btn p a:hover{
	background: #000;
	color: #FFF;
}
main.storeinfo .content-area .testdrivelist ul li div.btn p a:hover::before{
	border-left: 5px solid #FFF;
}


@media screen and (max-width: 480px) {
main.storeinfo .content {
	width: 90%;
	margin: 30px auto 0 auto;
}
main.storeinfo .content-area .testdrivelist ul{
	display: inherit;
}
main.storeinfo .content-area .testdrivelist ul li{
	width: 100%;
}
}

/*------------------------------------------------------新車取扱い店舗情報詳細------------------------------------------------------*/
main.store .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
main.store h2{
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
}
main.store h2 span{
	font-size: 0.6em;
	font-weight: 400;
	display: block;
}
main.store .store-info dl div{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding: 20px 0;
	letter-spacing: 1px;
}
main.store .store-info dl div dt{
	width: 20%;
}
main.store .store-info dl div dd{
	width: 80%;
}
main.store .store-info dl div dd a{
	color: #000;
}
main.store .store-info dl div dd span.map{
	display: inline-block;
	border: 1px solid #000;
	margin-left: 30px;
	position: relative;
}
main.store .store-info dl div dd span.map a{
	display: block;
	padding: 5px 18px 7px;
	font-size: 0.8em;
	text-decoration: none;
	transition: ease all 0.3s;
}
main.store .store-info dl div dd span.map a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.store .store-info dl div dd span.map a:hover{
	background: #000;
	color: #FFF;
}
main.store .store-info dl div dd span.map a:hover::before{
	border-left: 5px solid #FFF;
}
main.store .store-info dl div dd a.cal{
	transition: ease all 0.3s;
}
main.store .store-info dl div dd a.cal:hover{
	text-decoration-color: transparent;
	color:#0E79D6;
}
main.store .blogarea{
	display: flex;
	justify-content: space-between;
}
main.store .blogarea .image{
	width: 50%;
}
main.store .blogarea .note{
	width: 48%
}
main.store .item{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
}
main.store .item li{
	width: 47%;
}

main.store .photoarea{
	display: flex;
	justify-content: space-between;
}

main.store .photoarea img{
	display: block;
	width: 49%;
	margin: 5% 0;
}


/*---------------view more---------------*/
main.store .viewmore{
	text-align: right;
	margin-top: 20px;
}

main.store .viewmore p{
	display: inline-block;
}

main.store .viewmore p a{
	display: flex;
	align-items: center;
	color: #000;
	font-weight: 600;
	letter-spacing: 1px;
	text-decoration: none;
	transition: ease all 0.3s;
}
main.store .viewmore p a::before{
	content: "";
	height: 2px;
	background: #000;
	width: 30px;
	margin-right: 10px;
	display: inline-block;
	transition: ease all 0.3s;
}
main.store .viewmore p a:hover::before{
	content: "";
	height: 2px;
	background: #0E79D6 !important;
	width: 0px;
	margin-right: 10px;
	display: inline-block;
}
/*試乗車*/
main.store .testdrive-area .content-area{
	margin: 30px 0;
}
main.store .testdrive-area .content-area .testdrivelist  {
  display: none;
}
main.store .testdrive-area .content-area .testdrivelist.show {
  margin-top: 50px;
  display: block;
}
main.store .testdrive-area .tab-area{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #000;
}
main.store .testdrive-area .tab-area .tab{
	width: 150px;
	text-align: center;
	letter-spacing: 1px;
	color: #8A9AAF;
	padding: 20px 0;
	transition: ease all 0.3s;
}
main.store .testdrive-area .tab-area .tab:hover{
	color: #000;
	cursor: pointer;
}
main.store .testdrive-area .tab-area .active{
	color: #000;
	position: relative;
}
main.store .testdrive-area .tab-area .active::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	bottom: -2px;
	display: block;
}
main.store .testdrive-area .tab-area .active::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
/*試乗車リスト*/
main.store .testdrive-area .content-area .testdrivelist ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
}
main.store .testdrive-area .content-area .testdrivelist ul li{
	width: 22%;
	margin-right: 4%;
	margin-bottom: 30px;
}
main.store .testdrive-area .content-area .testdrivelist ul li:nth-child(4n){
	margin-right: 0;
}
main.store .testdrive-area .content-area .testdrivelist ul li h3{
	text-align: center;
	background: #F7F7F7;
	font-weight: 500;
	padding: 5px 0;
	font-size: 1em;
	margin: 3px 0 20px;
}
main.store .testdrive-area .content-area .testdrivelist ul li dl div{
	border-bottom: 1px solid #000;
	padding: 7px 0;
	font-size: 0.9em;
}
main.store .testdrive-area .content-area .testdrivelist ul li dl div dt{
	font-weight: 500;
}

@media screen and (max-width: 480px) {
	main.store .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.store .store-info dl div{
		display: inherit;
	}
	main.store .store-info dl div dt,main.store .store-info dl div dd{
		width: 100%;
	}
	main.store .store-info dl div dt{
		font-size: 1.1em;
		font-weight: 400;
	}
	main.store .store-info dl div dd span.map {
		display: block;
		margin: 20px 0 0 0;
	}
	main.store .blogarea{
		display: inherit;
		margin: 30px 0;
	}
	main.store .blogarea .image,main.store .blogarea .note{
		width: 100%;
	}
	main.store .blogarea .note{
		margin-top: 30px;
	}
	main.store .item li{
		width: 48.5%;
	}
	main.store .testdrive-area .content-area .testdrivelist ul li {
		width: 48.5%;
		margin-right: 3%;
	}
	main.store .testdrive-area .content-area .testdrivelist ul li:nth-child(2n) {
		margin-right: 0;
	}
}

/*------------------------------------------------------中古車取扱店舗追記------------------------------------------------------*/
/*U-Car*/
main.store .ucar{
	display: flex;
	justify-content: space-between;
	margin-bottom: -5%;
}
main.store .ucar div{
	width: 50%;
}
main.store .ucar div:first-of-type{
	background: #C6E1ED;
	padding: 50px;
}
main.store .ucar div:last-of-type{
	background: url(../store_information/img/ucarstore.jpg) no-repeat;
	background-position: center bottom;
	background-size: cover;
}
main.store .ucar h3{
	font-size: 2em;
	font-weight: 500;
	letter-spacing: 2px;
	margin-bottom: 30px;
}
main.store .ucar h3 span{
	font-size: 0.6em;
	font-weight: 400;
	display: block;
}
main.store .ucar p{
	margin-bottom: 15px;
}
main.store .ucar p:last-of-type{
	margin: 40px 0 0 0;
}
main.store .ucar p a{
	display: block;
	background: #0E79D6;
	border: 2px solid #0E79D6;
	text-align: center;
	padding: 10px;
	color: #FFF;
	font-size: 1.1em;
	text-decoration: none;
	transition: ease all 0.3s;
}
main.store .ucar p a:hover{
	background: #FFF;
	color: #0E79D6;
}


@media screen and (max-width: 480px) {
	main.store .ucar{
		display: inherit;
		margin-bottom: -50px;
	}
	main.store .ucar div:first-of-type{
		width: 100%;
		padding: 40px 30px;
	}
	main.store .ucar div:last-of-type{
		width: 100%;
		height: 200px;
	}
}

/*------------------------------------------------------新車・試乗車一覧------------------------------------------------------*/
main.carlist-top .content {
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
main.carlist-top .content-area{
	margin: 30px 0;
}
main.carlist-top .content-area .testdrivelist  {
  display: none;
}
main.carlist-top .content-area .testdrivelist.show {
  margin-top: 50px;
  display: block;
}
main.carlist-top .tab-area{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #000;
}
main.carlist-top .tab-area .tab{
	width: 150px;
	text-align: center;
	letter-spacing: 1px;
	color: #8A9AAF;
	padding: 20px 0;
	transition: ease all 0.3s;
}
main.carlist-top .tab-area .tab:hover{
	color: #000;
	cursor: pointer;
}
main.carlist-top .tab-area .active{
	color: #000;
	position: relative;
}
main.carlist-top .tab-area .active::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	bottom: -2px;
	display: block;
}
main.carlist-top .tab-area .active::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
/*試乗車リスト*/
main.carlist-top .content-area .testdrivelist ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
}
main.carlist-top .content-area .testdrivelist ul li{
	width: 22%;
	margin-right: 4%;
	margin-bottom: 30px;
}
main.carlist-top .content-area .testdrivelist ul li:nth-child(4n){
	margin-right: 0;
}
/*検索ボタン*/
main.carlist-top .content-area .testdrivelist ul li div.btn{
	display: flex;
	justify-content: space-between;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p{
	border: 1px solid #000;
	position: relative;
	margin-top: auto;
	text-align: center;
	width: 48%;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p a{
	display: block;
	padding: 5px 18px 7px;
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p:last-of-type a{
	text-indent: -12px;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p:last-of-type a::after{
	content:'\e89e';
	font-family: "Material Icons";
	position: absolute;
	top: 53%;
	transform: translateY(-50%);
	font-size: 12px;
	color: #000;
	margin-left: 17px;
	transition: ease all 0.3s;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p a:hover{
	background: #000;
	color: #FFF;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p a:hover::before{
	border-left: 5px solid #FFF;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p:last-of-type a:hover::after{
	color: #FFF;
}
/*試乗車扱っていない時*/
main.carlist-top .content-area .testdrivelist ul li div.btn p a.no-car{
	color: #DFDFDF;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p a.no-car:hover{
	background: #FFF;
	color: #DFDFDF;
}
main.carlist-top .content-area .testdrivelist ul li div.btn p a.no-car:hover::before{
	border-left: 5px solid #000;
}

@media screen and (max-width: 480px) {
	main.carlist-top .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.carlist-top .content-area .testdrivelist.show{
		margin-top: 20px;
	}
	main.carlist-top .content-area .testdrivelist ul li{
		width: 48%;
	}
	main.carlist-top .content-area .testdrivelist ul li:nth-child(2n){
		margin-right: 0;
	}
	main.carlist-top .content-area .testdrivelist ul li div.btn p a{
		padding: 5px 5px 7px;
	}
}

/*------------------------------------------------------試乗車情報詳細------------------------------------------------------*/
main.carlist .content {
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
main.carlist .mainvl{
	text-align: center;
	margin-bottom: 80px;
}
main.carlist .mainvl img{
	width: 40%;
	display: block;
	margin: 30px auto 0;
}
main.carlist .content .pagenav{
	width: 100%;
	margin: 30px auto 30px auto;
}
main.carlist .testdrivecar-list .carlist{
	margin-bottom: 20px;
}
main.carlist .testdrivecar-list ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
}
main.carlist .testdrivecar-list ul li{
	width: 22%;
	margin-right: 4%;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
}
main.carlist .testdrivecar-list ul li:nth-child(4n){
	margin-right: 0;
}
main.carlist .testdrivecar-list ul li h3{
	font-weight: 500;
	padding: 7px 0 10px;
	font-size: 1em;
	margin: 3px 0 20px;
	border-bottom: 1px solid #000;
}
main.carlist .testdrivecar-list ul li dl div{
	display: flex;
	justify-content: flex-start;
	font-size: 0.8em;
	align-items: center;
	margin-bottom: 10px;
}
main.carlist .testdrivecar-list ul li dl div:last-of-type{
	margin-bottom: 0;
}
main.carlist .testdrivecar-list ul li dl div dt{
	width: 25%;
	margin-right: 1%;
}

main.carlist .testdrivecar-list ul li dl div dd{
	width: 74%;
	word-break: break-all;
}
/*店舗詳細ボタン*/
main.carlist .testdrivecar-list ul li p.store{
	border: 1px solid #000;
	position: relative;
	margin-top: auto;
	text-align: center;
}
main.carlist .testdrivecar-list ul li p.store a{
	display: block;
	padding: 5px 18px 7px;
	color: #000;
	font-size: 0.8em;
	text-decoration: none;
	transition: ease all 0.3s;
}
main.carlist .testdrivecar-list ul li p.store a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.carlist .testdrivecar-list ul li p.store a:hover{
	background: #000;
	color: #FFF;
}
main.carlist .testdrivecar-list ul li p.store a:hover::before{
	border-left: 5px solid #FFF;
}
main.carlist .carlistlink{
	background: #EDF1F5;
	padding: 30px 0;
	margin-top: 5%;
	margin-bottom: -5%;
}
main.carlist .carlistlink p{
	width: 70%;
	margin: 0 auto;
	text-align: center;
}
main.carlist .carlistlink p a{
	padding: 10px;
	display: block;
	background: #0E79D6;
	color: #FFF;
	text-decoration: none;
	letter-spacing: 2px;
	border: 2px solid #0E79D6;
	transition: ease all 0.3s;
}
main.carlist .carlistlink p a span{
	display: block;
	font-size: 0.7em;
}
main.carlist .carlistlink p a:hover{
	background: #FFF;
	color: #0E79D6;
}
@media screen and (max-width: 480px) {
	main.carlist{
		margin-bottom: -50px;
	}
	main.carlist .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.carlist .mainvl img{
		width: 80%;
	}
	main.carlist .mainvl p{
		font-size: 0.7em;
	}
	main.carlist .mainvl{
		margin-bottom: 30px;
	}
	main.carlist .testdrivecar-list ul li{
		width: 49%;
		margin-right: 2%;
		font-size: 0.8em;
	}
	main.carlist .testdrivecar-list ul li:nth-child(2n){
		margin-right: 0;
	}
}

/*------------------------------------------------------カレンダー------------------------------------------------------*/
main.calendar .content {
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 ;
}
main.calendar .mainvl{
	text-align: center;
}
main.calendar .pagenav{
	margin-bottom: 50px;
}
main.calendar p.greeting{
	text-align: center;
	margin-bottom: 50px;
	line-height: 2;
}
main.calendar h2{
	font-size: 1.7em;
	font-weight: 500;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
	margin-top: 80px;
}
main.calendar h2 span{
	font-size: 0.6em;
	font-weight: 400;
	display: block;
}
main.calendar .contact a{
	color: #000;
}
main.calendar .calendar-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
	align-items: start;
}
main.calendar .calendar-list img{
	width: 31%;
	margin-bottom: 40px;
}
main.calendar p span.teikyu{
	color: #F4D7E0;
	display: inline-block;
	margin-right: 10px;
}
main.calendar p span.rinji{
	color: #E22A62;
	display: inline-block;
	margin-right: 10px;
}
@media screen and (max-width: 480px) {
	main.calendar .content {
	width: 90%;
	margin: 30px auto 0 ;
}
main.calendar p.greeting{
	text-align: left;
}
main.calendar .mainvl{
	text-align: center;
	margin-bottom: 30px;
}
main.calendar h2{
	font-size: 1.3em;
	margin-top: 20px;
}
main.calendar .calendar-list img{
	width: 49%;
}
}



/*------------------------------------------------------会社概要------------------------------------------------------*/
main.company .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
}
main.company .mainvl{
	text-align: center;
	line-height: 0;
}
main.company .mainvl{
	text-align: center;
	line-height: 0;
}
main.company h2{
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
}
main.company h2 span{
	font-size: 0.6em;
	font-weight: 400;
	display: block;
}
main.company dl div{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding: 20px 0;
	letter-spacing: 1px;
	align-items: center;
}
main.company dl div dt{
	width: 15%;
	font-weight: 500;
}
main.company dl div dd{
	width: 83%;
}
main.company dl div dd a{
	color: #000;
	transition: ease all 0.3s;
	text-decoration: underline;
}
main.company dl div dd a:hover{
	text-decoration-color: transparent;
	color:#0E79D6;
}
main.company dl div dd span.map{
	display: inline-block;
	border: 1px solid #000;
	margin-left: 30px;
	position: relative;
}
main.company dl div dd span.map a{
	display: block;
	padding: 5px 18px 7px;
	font-size: 0.8em;
	text-decoration: none;
	transition: ease all 0.3s;
}
main.company dl div dd span.map a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.company dl div dd span.map a:hover{
	background: #000;
	color: #FFF;
}
main.company dl div dd span.map a:hover::before{
	border-left: 5px solid #FFF;
}

@media screen and (max-width: 480px) {
	main.company dl div{
		display: inherit;
	}
	main.company dl div dt,main.company dl div dd{
		width: 100%;
	}
	main.company dl div dd span.map {
		display: block;
		border: 1px solid #000;
		margin: 20px 0 0 0;
		position: relative;
		text-align: center;
	}
	/*サブメニュー*/
	main.company .submenu{
		width: 90%;
		margin: 30px auto 0;
	}
	.company .submenu select{
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 16px;
	}
	.company .submenu select::-ms-expand {
		display: none;
	}
	.company .submenu .selectbox{
		border: 1px solid #000;
		padding: 13px 15px;
		position: relative;
	}
	.company .submenu .selectbox::before{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0.6em;
		content: '\e5cf';
		font-family: "Material Icons";
		pointer-events: none;
		font-size: 1.6em;
	}
	main.company .content{
		width: 90%;
	}
}

/*------------------------------------------------------宮城スバル健康宣言------------------------------------------------------*/
main.csr .content p.declaration {
	font-size: 1.2em;
	letter-spacing: 2px;
	line-height: 2;
}

main.csr .signature {
	text-align: right;
	margin: 30px 0 50px;
}

main.csr .content h2 {
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.5em;
	margin: 40px 0 20px 0;
}

main.csr .initiatives dl {
	width: 100%;
}

main.csr .initiatives dl dt {
	font-size: 1.2em;
	font-weight: 400;
	margin: 0 0 10px;
}

main.csr .initiatives dl:last-of-type dt {
	margin: 40px 0 10px;
}

main.csr .initiatives dl dd {
	display: flex;
	justify-content: space-between;
}

main.csr .initiatives p {
	width: 25%;
}

main.csr .initiatives p img {
	width: 100%;
	margin: 20px 0;
	display: block;
}

main.csr .initiatives ul {
	width: 72%;
}

main.csr .initiatives li span {
	display: block;
	font-weight: 500;
	font-size: 1.1em;
}

main.csr .initiatives li {
	margin-bottom: 7px;
}

main.csr ul.task {
	display: flex;
	justify-content: flex-start;
}

main.csr ul.task li {
	margin-right: 50px;
}

main.csr .content ul {
	margin: 10px 0 10px 25px;
}

main.csr table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 20px 0
}

main.csr table caption {
	text-align: left;
	margin: 0 0 10px 0;
}

main.csr table thead {
	background: #e6eff7;
}

main.csr th,
main.csr td {
	border: 1px solid #000;
	width: 14%;
	text-align: center;
	padding: 7px;
}

main.csr h3 {
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.2em;
	margin: 20px 0 10px 0;
}

main.csr .image-logo {
	display: flex;
	justify-content: flex-start;
}

main.csr .image-logo p:first-of-type {
	width: 23%;
	margin-right: 20px;
}

main.csr .image-logo p:nth-of-type(2) {
	width: 30%;
}

main.csr .image-logo p:nth-of-type(3) {
	width: 16%;
}

main.csr p span {
	font-size: 0.9em;
	display: block;
	margin: 20px 0 10px;
}

main.csr .image-semi,
main.csr .image-comu {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

main.csr .image-semi p,
main.csr .image-comu div {
	width: 49%;
	margin-bottom: 0.5%;
}

main.csr .image-comu {
	margin: 20px 0;
}

main.csr .image-comu div {
	margin-bottom: 20px;
	text-align: center;
}

main.csr .woman-s {
	margin-top: 20px;
	display: flex;
	justify-content: space-between;
}

main.csr .woman-s p {
	width: 49%;
}

main.csr .woman-s p img {
	width: 100%;
}

main.csr .new2021 dl {
	display: flex;
	justify-content: space-between;
}

main.csr .new2021 dl div {
	width: 48%;
	border: none;
	display: block;
	padding: 0;
}

main.csr .new2021 dt,
main.csr .new2021 dd {
	width: 100%;
	margin-bottom: 10px;
}

main.csr .new2021 dd p {
	margin-top: 20px;
}

main.csr .helth-semi img,
main.csr .aed img {
	width: 48%;
	display: block;
	margin: 20px 0;
}

main.csr .csr-index{
	margin-top: 2%;
}

@media screen and (max-width: 480px) {
	main.csr .content p.declaration {
		font-size: 1.1em;
		letter-spacing: 1px;
	}

	main.csr .content h2 {
		font-size: 1.3em;
	}

	main.csr .initiatives {
		display: inherit;
	}

	main.csr .initiatives dl {
		width: 100%;
	}

	main.csr .initiatives dl dt {
		font-size: 1.1em;
	}

	main.csr .initiatives dl dd {
		display: block;
	}

	main.csr .initiatives p {
		width: 100%;
	}

	main.csr .initiatives ul {
		width: 90%;
	}

	main.csr .image-logo p:first-of-type {
		width: 27%
	}

	main.csr .image-logo p:nth-of-type(2) {
		width: 42%;
	}

	main.csr .image-logo p:nth-of-type(3) {
		width: 22%;
	}

	main.csr .new2021 dl {
		display: block;
	}

	main.csr .new2021 dl div {
		width: 100%;
		padding-bottom: 0;
	}

	main.csr .woman img,
	main.csr .helth-semi img,
	main.csr .aed img {
		width: 100%;
	}

	main.csr ul.task {
		display: block;
	}
	
	main.csr .image-comu div{
		margin-bottom: 5px;
	}
}


/*------------------------------------------------------宮城スバルブランド------------------------------------------------------*/
main.brand .content {
	text-align: center;
}
main.brand .content section h2 {
	text-align: center;
	font-weight: 500;
	color: #0E79D6;
	font-size: 2em;
	letter-spacing: 2px;
	margin-top: 50px;
}
main.brand .content section:first-of-type h2{
	margin-top: 0;
}
main.brand .content section p:first-of-type{
	font-size: 1.7em;
	font-weight: 400;
	letter-spacing: 2px;
	margin: 30px 0 20px;
}
main.brand .content section p{
	line-height: 2;
	letter-spacing: 1px;
}
main.brand .content section:first-of-type p:nth-of-type(2){
	margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
	main.company .content{
		margin: 40px auto 0;
	}
	main.brand .content section h2{
		font-size: 1.7em;
	}
	main.brand .content section p:first-of-type{
		font-size: 1.2em;
		line-height: 1.7;
		text-align: center;
	}
	main.brand .content p{
		text-align: left;
	}
}

/*------------------------------------------------------事業活動に関するお知らせ------------------------------------------------------*/

main.company .insurance dl div{
	display: block;
	border: none;
}
main.company .insurance dl div dt,main.company .insurance dl div dd{
	width: 100%;
}
main.company .insurance dl div dt{
	font-size: 1.2em;
	margin-bottom: 5px;
}
main.company .insurance .note{
	padding: .5em 0 0 1em;
	text-align: right;
	font-size: 0.8em;
}
main.company .insurance .signature{
	text-align: right;
	margin-top: 50px;
}
.txt_link a {
	color: #000;
}
.txt_link a:hover {
	text-decoration: none;
}

/*------------------------------------------------------環境への取り組み------------------------------------------------------*/
main.ecoaction .greeting{
	text-align: center;
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 2px;
	margin: 0 0 60px;
}
main.ecoaction h2{
	text-align: center;
}
main.ecoaction .ecoimg{
	width: 10%;
	max-width: 120px;
	margin: 50px auto;
}
main.ecoaction p{
	line-height: 2;
}

main.ecoaction .report{
	background: #e6eff7;
	padding: 40px;
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}
main.ecoaction .report div:first-of-type{
	width: 60%;
}
main.ecoaction .report div:last-of-type{
	width: 35%;
}
main.ecoaction .report div h3{
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
main.ecoaction .report div p span{
	font-size: 0.9em;
	display: inline-block;
	line-height: 1.5 !important;
	margin-top: 20px;
}
main.ecoaction .content a{
	color: #000;
	transition: ease all 0.3s;
	text-decoration: underline;
}
main.ecoaction .content a:hover{
	text-decoration-color: transparent;
	color:#0E79D6;
}
main.ecoaction .report div:last-of-type p.btn a{
	text-align: center;
	color:#FFF;
	text-decoration: none;
	background: #0E79D6;
	display: block;
	padding: 13px 0;
	border: 2px solid #0E79D6;
	transition: ease all 0.3s;
}
main.ecoaction .report div:last-of-type p.btn a:hover{
	background: #FFF;
	color: #0E79D6;
}

@media screen and (max-width: 480px) {
	main.ecoaction .greeting {
		text-align: left;
		font-size: 1.1em;
		margin: 0 0 30px;
	}
	main.ecoaction .ecoimg{
		width: 80%
	}
	main.ecoaction .report{
		display: inherit;
		padding: 30px;
	}
	main.ecoaction .report div:first-of-type,main.ecoaction .report div:last-of-type{
		width: 100%;
	}
	main.ecoaction .report div:last-of-type{
		margin-top: 30px;
	}
}

/*------------------------------------------------------ソーシャルメディアポリシー------------------------------------------------------*/
main.sns-policy .content {
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	counter-reset: numl;
	line-height: 1.7;
}
main.sns-policy .content section h2{
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.5em;
	margin:20px 0 10px 0;
}
main.sns-policy .content section h2::before{
	counter-increment: numl;
	content:counter(numl)".";
}
main.sns-policy .content dl{
	counter-reset: numm;
}
main.sns-policy .content dl dt{
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: 2px;
	margin-top: 15px;
}
main.sns-policy .content dl dd{
	margin-left: 20px;
}
main.sns-policy .content dl dt::before{
	counter-increment: numm;
	content: "【"counter(numm)"】";
}
main.sns-policy .content ol{
	list-style-type: none;
	counter-reset: nums;
	margin: 10px 0 10px 10px;
}
main.sns-policy .content ol li{
	text-indent: -1.2em;
	margin-left: 1em;
}
main.sns-policy .content ol li::before{
	counter-increment: nums;
	content: "("counter(nums)")";
}
main.sns-policy .content a{
	color: #000;
	transition: ease all 0.3s;
	text-decoration: underline;
}
main.sns-policy .content a:hover{
	text-decoration-color: transparent;
	color:#0E79D6;
}
main.sns-policy .content ul{
	margin-left: 2em;
}

@media screen and (max-width: 480px) {
	main.sns-policy .content{
		width: 90%;
		margin: 30px auto 0 auto;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}
	main.sns-policy .content section h2{
		font-size: 1.2em;
	}
	main.sns-policy .content ol{
		margin: 10px 0 10px 0;
	}
}

/*------------------------------------------------------クッキーポリシー------------------------------------------------------*/
main.cookie .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.cookie .content .link{
	margin-top: 20px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
main.cookie .content .link .material-icons{
	font-size: 25px;
}
main.cookie .content .link a{
	color: #000;
	display: inline-block;
	transition: ease all 0.3s;
}
main.cookie .link a:hover{
	color: #0E79D6;
	text-decoration-color: transparent;
}

@media screen and (max-width: 480px) {
	main.cookie .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
}


/*------------------------------------------------------コピーライト------------------------------------------------------*/
main.copy .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}

main.copy .content dl dt{
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: 2px;
	margin-top: 15px;
}
main.copy .content dl dd{
	text-indent: 0;
}
main.copy .content a{
	color: #000;
	display: inline-block;
	transition: ease all 0.3s;
}
main.copy  a:hover{
	color: #0E79D6;
	text-decoration-color: transparent;
}

@media screen and (max-width: 480px) {
	main.copy .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
}


/*------------------------------------------------------サイトのご利用にあたって------------------------------------------------------*/
main.assist .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.assist .content dl dt{
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: 2px;
	margin-top: 15px;
}
main.assist .content dl dd{
	text-indent: 0;
}
main.assist .content dl dt img{
	width: 200px;
}
main.assist .content a{
	color: #000;
	display: inline-block;
	transition: ease all 0.3s;
}
main.assist a:hover{
	color: #0E79D6;
	text-decoration-color: transparent;
}

@media screen and (max-width: 480px) {
	main.assist .content{
	width: 90%;
	margin: 30px auto 0 auto;
	}
}

/*------------------------------------------------------プライバイシー------------------------------------------------------*/
main.privacy .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
	counter-reset: numl;
}
main.privacy .content h2{
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.5em;
	margin:20px 0 10px 0;
}
main.privacy .content h2::before{
	counter-increment: numl;
	content:counter(numl)".";
}
main.privacy .content ol{
	list-style-type: none;
	counter-reset: nums;
	margin: 10px 0 10px 10px;
}
main.privacy .content ol li{
	text-indent: -1.2em;
	margin-left: 1em;
	margin-bottom: 10px;
}
main.privacy .content ol li::before{
	counter-increment: nums;
	content: "("counter(nums)")";
}
main.privacy .content ol li ol{
		counter-reset: numss;
}
main.privacy .content ol li ol li::before{
	counter-increment: numss;
	content: "["counter(numss)"]";
}
main.privacy .content a{
	color: #000;
	transition: ease all 0.3s;
}
main.privacy  a:hover{
	color: #0E79D6;
	text-decoration-color: transparent;
}
main.privacy .content ol li ul{
	list-style-type: disc;
}
main.privacy .content ol li ul li::before{
	content: "";
	text-indent: -1.2em;
	margin-left: 1em;

}
main.privacy .content dl dt{
	font-weight: 500;
	font-size: 1.2em;
	letter-spacing: 2px;
	margin-top: 15px;
}
main.privacy .content dl dd{
	text-indent: 0;
}
main.privacy .content ul{
	margin: 20px 0 0 2em;
}
main.privacy .content .signature p{
	text-align: right;
	margin-top: 40px;
}

@media screen and (max-width: 480px) {
	main.privacy .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.privacy .content h2{
		font-size: 1.2em;
	}
	main.privacy .content dl dt{
		text-indent: 0;
	}
}


/*------------------------------------------------------アフターサービス------------------------------------------------------*/
main.afterservice .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}
main.afterservice .mainvl{
	text-align: center;
	line-height: 0;
}
main.afterservice .submenu{
	background: #E2E8EB;
}
main.afterservice .submenu ul{
	display: flex;
	justify-content: space-between;
	width: calc(90% - 80px);
	margin: 10px auto;
	list-style-type: none;
}
main.afterservice .submenu ul li{
	text-align: center;
}
main.afterservice .submenu ul li a{
	padding: 20px 0;
	display: block;
	text-decoration: none;
	color: #000;
	transition: ease all 0.3s;
}
main.afterservice .submenu ul li a:hover{
	color: #0E79D6;
}
main.afterservice h2{
	font-size: 1.7em;
	font-weight: 500;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
}
main.afterservice h2 span{
	font-size: 0.6em;
	font-weight: 400;
	display: block;
}
main.afterservice .inspection h2{
	margin-top: 80px;
}

/*タブ切り替え1*/
main.afterservice .content-area{
	margin: 30px 0;
}
main.afterservice .content-area .inspection-content  {
	display: none;
}
main.afterservice .content-area .inspection-content.show {
	margin-top: 50px;
	display: block;
}
main.afterservice .tab-area{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #000;
}
main.afterservice .tab-area .tab{
	width: 180px;
	text-align: center;
	letter-spacing: 1px;
	color: #8A9AAF;
	padding: 20px 0;
	transition: ease all 0.3s;
}
main.afterservice .tab-area .tab:hover{
	color: #000;
	cursor: pointer;
}
main.afterservice .tab-area .active{
	color: #000;
	position: relative;
}
main.afterservice .tab-area .active::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	bottom: -2px;
	display: block;
}
main.afterservice .tab-area .active::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
main.afterservice .inspection-menu{
	margin-top: 30px;
}
/*タブ切り替え2*/
main.afterservice .content-area .carinspection {
	display: none;
}
main.afterservice .content-area .carinspection.show2 {
	margin-top: 50px;
	display: block;
}
main.afterservice .tab-area{
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #000;
}
main.afterservice .tab-area .tab2{
	width: 210px;
	text-align: center;
	letter-spacing: 1px;
	color: #8A9AAF;
	padding: 20px 0;
	transition: ease all 0.3s;
	margin-top: 30px;
}
main.afterservice .tab-area .tab2:hover{
	color: #000;
	cursor: pointer;
}
main.afterservice .tab-area .active2{
	color: #000;
	position: relative;
}
main.afterservice .tab-area .active2::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 3px;
	background: #000;
	bottom: -2px;
	display: block;
}
main.afterservice .tab-area .active2::after{
	content: "";
	display: block;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	border-top: 5px solid #000;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
}
main.afterservice .carinspection{
	margin-top: 30px;
}

main.afterservice h3{
	margin: 30px 0 10px 0;
	font-weight: 500;
	letter-spacing: 2px;
}
main.afterservice table{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #000;
	margin: 10px 0
}
main.afterservice table caption{
	text-align: right;
	margin: 0 0 10px 0;
}
main.afterservice table th{
	background: #e6eff7;
	letter-spacing: 2px;
	font-weight: 400;
}
main.afterservice tbody th{
	text-align: left;
	background: #e6eff7;
}
main.afterservice th,main.afterservice td{
	border: 1px solid #000;
	width: calc( 100% / 3);
	text-align: center;
	padding: 7px;
}
main.afterservice p span.accent{
	font-weight: 500;
	font-size: 1.3em;
	margin-bottom: 20px;
	display: block;
}
main.afterservice p img{
	margin: 20px 0 0 0;
}

/*アフターサービスアコーディオン*/
main.afterservice .toggle_contents:first-of-type{
	margin-top: 30px;
}
main.afterservice .toggle_title {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 1.1em;
	font-weight: 500;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 2px;
	background: #0E79D6;
	color: #FFF;
	margin: 0 0 5px 0;
}
main.afterservice .toggle_btn {
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #FFF;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
main.afterservice .toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #0E79D6;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
main.afterservice .toggle_btn:before {
	width: 2px;
	height: 10px;
}
main.afterservice .toggle_title.selected .toggle_btn:before {
	content: normal;
}
main.afterservice .toggle_contents dd {
	display: none;
	padding: 30px;
}
main.afterservice .toggle_contents:first-of-type dd {
	display: block;
}
main.afterservice .toggle_contents dd div{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
main.afterservice .toggle_contents dd div section{
	width: 32%;
	margin-bottom: 20px;
}
main.afterservice .toggle_contents dd div section h4{
	font-weight: 400;
	font-size: 1.1em;
	letter-spacing: 1px;
	padding: 0 0 7px 0;
}
main.afterservice .toggle_contents dd ul{
	margin-left: 1.5em;
	margin-top: 10px;
}
main.afterservice .content-cover{
	background: #F8FBFD;
	padding: 20px 0;
	margin-top: 80px;
}
/*必要費用*/
main.afterservice .carinspectionprice{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
main.afterservice .carinspectionprice section.price1{
	width: 50%;
	border: 1px solid #000;
}
main.afterservice .carinspectionprice h3{
	margin: 0 0 30px 0;
	text-align: center;
	background: #000;
	padding: 7px 0;
	color: #FFF;
}
main.afterservice .carinspectionprice dl{
	padding: 0 30px 30px 30px;
}
main.afterservice .carinspectionprice dt{
	font-weight: 500;
	font-size: 1.1em;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
main.afterservice .carinspectionprice .price1 div:last-of-type dt:last-of-type{
	margin: 20px 0 10px 0;
}
main.afterservice .carinspectionprice .plus{
	width: 17%;
	text-align: center;
	font-size: 2em;
	position: relative;
}
main.afterservice .carinspectionprice .plus .material-icons{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50% ,-50%);
	font-size: 1.3em;
}
main.afterservice .carinspectionprice section.price2{
	width: 37%;
	border: 1px solid #000;
}
main.afterservice .carinspectionprice section.price2 p{
	padding: 0 30px 30px 30px;
}
main.afterservice .carinspectionprice dl{
	display: flex;
	justify-content: space-between;
}
main.afterservice .carinspectionprice dl div{
	width: 48%;
}
main.afterservice .carinspectionprice ul{
	margin-left: 1.3em;
}
main.afterservice table.price-a th,main.afterservice table.price-a td{
	width: calc( 100% / 7);
}
main.afterservice table.price-b th,main.afterservice table.price-b td{
	width: calc( 100% / 4);
}
main.afterservice table.price-c th,main.afterservice table.price-c td{
	width: calc( 100% / 5);
}
main.afterservice .preparation ol{
	margin: 0 0 20px 2em;
	font-size: 1.1em;
	font-weight: 400;
	letter-spacing: 1px;
}
main.afterservice .preparation ol li{
	margin-bottom: 10px;
}
main.afterservice .preparation p{
	margin: 0.7em;
}
/*おすすめサービス*/
main.afterservice .service ul{
	list-style-type: none;
	display: flex;
	justify-content: space-between;
}
main.afterservice .service ul li{
	width: 19%;
}
/*安心のメーカー保証*/
main.afterservice .warranty-content{
	background: #F8FBFD;
	padding:  20px 0 50px 0;
	margin: 50px 0 -80px 0;
}
main.afterservice .warranty{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 30px;
}
main.afterservice .warranty .item{
	width: 49%;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 25px;
}
main.afterservice .warranty .item div:first-of-type{
	width: 60%;
	padding: 30px 0 30px 30px;
}
main.afterservice .warranty .item div:nth-of-type(2){
	width: 40%;
	padding: 30px 30px 30px 20px;
}
main.afterservice .warranty .item div:nth-of-type(3){
	width: 100%;
	background: #E4F2FC;
	padding: 15px;
}
main.afterservice .warranty-content .item h3{
	margin: 0 0 20px 0;
}
main.afterservice .warranty .item h4{
	margin:30px 0 20px 0;
}
main.afterservice .warranty .item ul{
	margin-left: 1.3em;
}
main.afterservice .warranty-content p span{
	display: block;
	margin-top: 10px;
	font-size: 0.9em;
}


@media screen and (max-width: 480px) {
	/*サブメニュー*/
	main.afterservice .submenu{
		width: 90%;
		margin: 30px auto 0;
		background: #FFF;
	}
	main.afterservice .submenu select{
		width: 100%;
		padding-right: 1em;
		cursor: pointer;
		text-indent: 0.01px;
		text-overflow: ellipsis;
		border: none;
		outline: none;
		background: transparent;
		background-image: none;
		box-shadow: none;
		-webkit-appearance: none;
		appearance: none;
		font-size: 16px;
	}
	main.afterservice .submenu select::-ms-expand {
		display: none;
	}
	main.afterservice .submenu .selectbox{
		border: 1px solid #000;
		padding: 13px 15px;
		position: relative;
	}
	main.afterservice .submenu .selectbox::before{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0.6em;
		content: '\e5cf';
		font-family: "Material Icons";
		pointer-events: none;
		font-size: 1.6em;
	}
	main.afterservice .content{
		width: 90%;
		margin: 30px auto 0;
	}
	main.afterservice h2{
		font-size: 1.4em;
	}
	main.afterservice .inspection h2{
		margin-top: 30px;
	}
	main.afterservice .tab-area .tab{
		width: 22%;
		font-size: 0.8em;
	}
	main.afterservice .tab-area .tab2{
		font-size: 0.8em;
	}
	main.afterservice .preparation ol{
		font-size: 1em;
	}
	main.afterservice .content-cover{
		margin-top: 30px;
	}
	main.afterservice .service ul{
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	main.afterservice .service ul li{
		width: 32%;
		margin:0 2% 1% 0;
	}
	main.afterservice .service ul li:nth-child(3n){
		margin-right: 0;
	}
	main.afterservice .carinspectionprice{
		display: inline;
	}
	main.afterservice .carinspectionprice section.price1{
		width: 100%;
	}
	main.afterservice .carinspectionprice .plus{
		width: 100%;
		margin: 15px 0 10px 0;
	}
	main.afterservice .carinspectionprice .plus .material-icons{
		position: static;
		text-align: center;
		transform: inherit;
	}
	main.afterservice .carinspectionprice section.price2{
		width: 100%;
		margin-bottom: 20px;
	}
	main.afterservice .carinspectionprice h3{
		letter-spacing: 1px;
		font-size: 1em;
	}
	main.afterservice .carinspectionprice dl{
		display: inherit;
	}
	main.afterservice .carinspectionprice dl div{
		width: 100%;
	}
	main.afterservice .carinspectionprice dl div:last-of-type{
		margin-top: 20px;
	}
	main.afterservice .carinspectionprice .price1 div:last-of-type dt:last-of-type{
		margin-bottom: 0;
	}
	main.afterservice .warranty{
		display: inherit;
	}
	main.afterservice .warranty .item{
		width: 100%;
		display: inherit;
	}
	main.afterservice .warranty .item div:first-of-type{
		width: 100%;
		padding: 20px;
	}
	main.afterservice .warranty .item div:nth-of-type(2){
		width: 100%;
	}
	main.afterservice table th,main.afterservice table td,main.afterservice table caption{
		font-size: 12px !important;
	}
	main.afterservice table.price-a,main.afterservice table.price-c{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		border: none;
	}
/*
	main.afterservice table.price-a caption,main.afterservice table.price-c caption{
		font-size: 0.6em;
	}
	main.afterservice table.price-a td.mini{
		font-size: 9px;
	}
*/
	main.afterservice table th{
		letter-spacing: 0;
	}
}



/*------------------------------------------------------メンテナンス------------------------------------------------------*/
main.maintenance p.app{
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 40px;
}
main.maintenance p.appsub{
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.1em;
}
main.maintenance table tr th,main.maintenance table tr td{
	width: 20%;
	padding: 15px;
}
	
main.maintenance table tr th:first-of-type{
	width: 40%;
}

@media screen and (max-width: 480px) {
	main.maintenance table{
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		border: none;
	}
	main.maintenance p.app{
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	main.maintenance p.appsub{
		font-size: 1em;
		text-align: left;
		margin-bottom: 0;
	}
}

/*------------------------------------------------------インナー&アウターケア------------------------------------------------------*/
main.innerouter p.app{
	text-align: center;
	font-size: 1.5em;
	font-weight: 400;
	margin-bottom: 40px;
}
main.innerouter p.appsub{
	text-align: center;
	margin-bottom: 40px;
	font-size: 1.1em;
}
main.innerouter .list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 50px;
}
main.innerouter .list .item{
	width: 49%;
	display: flex;
	justify-content: space-between;
	background: #f2f7fb;
	margin-bottom: 20px;
	padding: 30px;
}
main.innerouter .list .item div:first-of-type{
	width: 65%;
}
main.innerouter .list .item div:last-of-type{
	width: 30%;
}
main.innerouter .list .item div h3{
	margin-top: 0;
}

@media screen and (max-width: 480px) {
	main.innerouter p.app{
		font-size: 1.2em;
		margin-bottom: 20px;
	}
	main.innerouter p.appsub{
		font-size: 1em;
		text-align: left;
		margin-bottom: 0;
	}
	main.innerouter .list{
		display: inherit;
	}
	main.innerouter .list .item{
		width: 100%;
		display: inherit;
	}
	main.innerouter .list .item div:first-of-type{
		width: 100%;
		margin-bottom: 20px;
	}
	main.innerouter .list .item div:last-of-type{
		width: 100%;
	}
}


/*------------------------------------------------------おすすめ用品情報------------------------------------------------------*/
main.supplies h2{
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 20px 0;
	letter-spacing: 1px;
	width: 100%;
}
main.supplies h2 span{
	font-size: 0.6em;
	font-weight: 400;
	display: block;
}
main.supplies div.item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
main.supplies div.item > div:first-of-type{
	width: 20%;
}
main.supplies div.item > div:last-of-type{
	width: 75%;
}
main.supplies dl div{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding: 15px 0;
	letter-spacing: 1px;
}
main.supplies dl div dt{
	width: 25%;
	font-weight: 400;
}
main.supplies dl div dd{
	width: 74%;
}
main.supplies .btn{
	text-align: right;
	padding-top: 30px;
}
main.supplies .btn p{
	border: 1px solid #000;
    position: relative;
    margin-top: auto;
    text-align: center;
    display: inline-block;
}
main.supplies .btn p a{
	display: block;
    padding: 5px 35px 7px;
    color: #000;
    font-size: 1em;
    text-decoration: none;
    transition: ease all 0.3s;
    position: relative;
}
main.supplies .btn p a::before {
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    transition: ease all 0.3s;
}
main.supplies .btn p a:hover{
	background: #000;
	color: #FFF;
}
main.supplies .btn a:hover::before{
	border-left: 5px solid #FFF;
}
main.supplies ul{
	margin-left: 1.3em;
}
@media screen and (max-width: 480px) {
	main.supplies div.item{
		display: inherit;
	}
	main.supplies div.item > div:first-of-type{
		width: 45%;
		margin: 15px auto;
	}
	main.supplies div.item > div:last-of-type{
		width: 100%;
	}
	main.supplies h2{
		font-size: 1.2em;
	}
	main.supplies dl div{
		display: inherit;
	}
	main.supplies dl div dt{
		width: 100%;
		font-weight: 400;
		font-size:1.1em;
	}
	main.supplies dl div dd{
		width: 100%;
	}
	main.supplies .btn{
		padding-top: 15px;
	}
	main.supplies .btn p{
		display: block;
	}
}












/*--------------------------------------スタッフブログ一覧--------------------------------------*/
main.blog .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.blog .content ul{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	list-style-type: none;
}
main.blog .content ul li{
	width: 23%;
	margin-right: 2.5%;
	margin-bottom: 50px;
	display: flex;
	flex-direction: column;
}
main.blog .content ul li:nth-child(4n){
	margin-right: 0;
}
main.blog .content dt{
	font-weight: 500;
	font-size: 1.3em;
	line-height: 1.4;
	letter-spacing: 2px;
	margin-bottom: 20px;
}
main.blog .content dt span{
	font-weight: 300;
	font-size: 0.6em;
	display: block;
}
main.blog .content dd a{
	color: #000;
	text-decoration: none;
}
main.blog .content dd h3{
	font-weight: 500;
	font-size: 1.2em;
	margin-bottom: 15px;
	line-height: 1.4;
}
main.blog .content dd .text {
    font-weight: 400;
    font-size: 0.9em;
    color: #787c7b;
    line-height: 1.7;
}
main.blog .content dd p.date{
	display: block;
	position: relative;
	margin-bottom: 10px;
}
main.blog .content dd p.date span.likes{
	display: flex;
	align-items: center;
	justify-content: flex-end;
	font-size: 1em;
	position: absolute;
	top: 0;
	right: 0;
}
main.blog .content dd span.likes .like-icon{
	font-size: 1em;
	margin-right: 5px;
	color: #c80e47;
}

main.blog .content .btn{
	margin-top: auto;
	padding-top: 15px;
}
main.blog .content .btn p{
	border: 1px solid #000;
    position: relative;
    margin-top: auto;
    text-align: center;
    display: block;
}
main.blog .content .btn p a{
	display: block;
    padding: 5px 35px 7px;
    color: #000;
    font-size: 1em;
    text-decoration: none;
    transition: ease all 0.3s;
    position: relative;
}
main.blog .content .btn p a::before {
    content: "";
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #000;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1px;
    transform: translateY(-50%);
    transition: ease all 0.3s;
}
main.blog .content .btn p a:hover{
	background: #000;
	color: #FFF;
}
main.blog .content .btn a:hover::before{
	border-left: 5px solid #FFF;
}

@media screen and (max-width: 480px) {
	main.blog .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.blog .content ul{
		display: inherit;
	}
	main.blog .content ul li{
		width: 100%;
		margin-right: 0;
	}
}


/*------------------------------------------------------U-Car情報------------------------------------------------------*/
main.ucar .mainvl{
	position: relative;
}
main.ucar .mainvl div.cover{
	width: 38%;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
}
main.ucar .mainvl div.cover .btn{
	display: flex;
	justify-content: space-between;
}
main.ucar .mainvl div.cover .btn p{
	width: 48%;
}
main.ucar .mainvl div.cover .btn p{
	border: 2px solid #0E79D6;
    position: relative;
    margin-top: 40px;
    text-align: center;
    display: block;
}
main.ucar .mainvl div.cover .btn p a{
	display: block;
    padding: 15px 10px 17px;
    color: #FFF;
    font-size: 1em;
    text-decoration: none;
    transition: ease all 0.3s;
    position: relative;
    background: #0E79D6;
}
main.ucar .mainvl div.cover .btn p a:hover{
	background: #FFF;
	color: #0E79D6;
}
main.ucar .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	text-align: center;
}
main.ucar .highquality p{
	line-height: 2;
	letter-spacing: 2px;
}
main.ucar .content h3{
	font-weight: 400;
	font-size: 1.7em;
	margin-bottom: 20px;
	letter-spacing: 2px;
}
main.ucar .content .about{
	margin: 80px 0 50px;
}
main.ucar .three-item{
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
main.ucar .three-item div{
	display: flex;
	flex-direction: column;
	text-align: left;
}
main.ucar .three-item div:first-of-type{
	width: 41%;
}
main.ucar .three-item div:last-of-type{
	width: 56%;
}
main.ucar .three-item h4{
	font-size: 1.7em;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1;
}
main.ucar .three-item h4 span{
	padding-left: 20px;
	font-weight: 400;
	font-size: 0.7em;
}
main.ucar .three-item p.subtitle{
	font-size: 1.2em;
	letter-spacing: 2px;
	padding: 5px 0 20px 0;
	border-bottom: 1px solid #000;
	margin: 5px 0 20px;
}
main.ucar .three-item dt{
	color: #0E79D6;
	font-size: 1.2em;
	letter-spacing: 2px;
	margin-bottom: 10px;
}
main.ucar .three-item dd{
	letter-spacing: 2px;
	line-height: 1.5;
	margin-bottom: 10px;
}
main.ucar .three-item p.btn{
	border: 1px solid #0E79D6;
	position: relative;
	margin-top: auto;
	text-align: center;
	width: 100%;
}
main.ucar .three-item p.btn a{
	display: block;
	padding: 15px 18px 17px;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #0E79D6;
}
main.ucar .three-item p.btn a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.ucar .three-item p.btn a:hover{
	background: #FFF;
	color: #0E79D6;
}
main.ucar .three-item p.btn a:hover::before{
	border-left: 5px solid #0E79D6;
}

main.ucar .btn-l{
	border: 1px solid #0E79D6;
	position: relative;
	margin-top: auto;
	text-align: center;
	width: 70%;
	margin: 60px auto;
}
main.ucar .btn-l a{
	display: block;
	padding: 13px 18px 15px;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #0E79D6;
}
main.ucar .btn-l a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.ucar .btn-l a:hover{
	background: #FFF;
	color: #0E79D6;
}
main.ucar .btn-l a:hover::before{
	border-left: 5px solid #0E79D6;
}
main.ucar .class-select{
	margin: 80px 0;
}
main.ucar .class-select p{
	line-height: 2;
	letter-spacing: 2px;
}
main.ucar .class-select dl{
	text-align: left;
	margin-top: 50px;
}
main.ucar .class-select dl div{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding: 15px 0;
	align-items: center;
}
main.ucar .class-select dl div:first-of-type{
	border-top: 1px solid #000;
}
main.ucar .class-select dl div dt{
	width: 25%;
	font-weight: 400;
	font-size: 1.1em;
}
main.ucar .class-select dl div:first-of-type dt{
	color:#003670;
}
main.ucar .class-select dl div:nth-of-type(2) dt{
	color:#1191ff;
}
main.ucar .class-select dl div dd:first-of-type{
	width: 55%;
}
main.ucar .class-select dl div dd:last-of-type{
	width: 15%;
}
main.ucar .class-select dl div dd p.btn{
	border: 1px solid #0E79D6;
	position: relative;
	margin-top: auto;
	text-align: center;
	width: 100%;
}
main.ucar .class-select dl div dd p.btn a{
	display: block;
	padding: 7px 10px 10px;
	color: #FFF;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #0E79D6;
}
main.ucar .class-select dl div dd p.btn a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.ucar .class-select dl div dd p.btn a:hover{
	background: #FFF;
	color: #0E79D6;
}
main.ucar .class-select dl div dd p.btn a:hover::before{
	border-left: 5px solid #0E79D6;
}


main.ucar .ucarstore ul{
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	gap: 0 4%;
	margin-top: 50px;
}
main.ucar .ucarstore ul li{
	color: #000;
	text-decoration: none;
	text-align: left;
}
main.ucar .ucarstore ul li{
	width: 31%;
}
main.ucar .ucarstore ul li dt{
	font-size: 1.1em;
	font-weight: 400;
	border-bottom: 1px solid #000;
	padding-bottom: 10px;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
main.ucar .ucarstore ul li dt img{
	margin-bottom: 5px;
}

main.ucar .ucarstore ul li p.btn{
	border: 1px solid #0E79D6;
	position: relative;
	margin-top: 20px;
	text-align: center;
	width: 100%;
}
main.ucar .ucarstore ul li p.btn a{
	display: block;
	padding: 7px 10px 10px;
	color: #FFF;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #0E79D6;
}
main.ucar .ucarstore ul li p.btn a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.ucar .ucarstore ul li p.btn a:hover{
	background: #FFF;
	color: #0E79D6;
}
main.ucar .ucarstore ul li p.btn a:hover::before{
	border-left: 5px solid #0E79D6;
}

main.ucar .ucarstore ul li a.tel{
	display: inline-block !important;
	text-decoration: none;
	color: #000;
}

@media screen and (max-width: 480px) {
	main.ucar .mainvl{
		position: relative;
	}
	main.ucar .mainvl img{
		width: 148%;
		margin-left: -15%;
	}
	main.ucar .mainvl div.cover {
		width: 100%;
		position: absolute;
		top: 50%;
		left: 5%;
		transform: translateY(-50%);
	}
	main.ucar .mainvl div.cover img{
		width: 55%;
		margin-left: 0;
	}
	main.ucar .mainvl div.cover .btn{
		width: 90%;
	}
	main.ucar .mainvl div.cover .btn p{
		margin-top: 20px;
	}
	main.ucar .mainvl div.cover .btn p a{
		padding: 8px 0 10px;
		font-size: 0.8em;
	}
	main.ucar .content{
		width: 90%;
		margin: 30px auto 0;
	}
	main.ucar .content h3{
		font-size: 1.3em;
	}
	main.ucar .highquality p{
		text-align: left;
	}
	main.ucar .btn-l{
		width: 100%;
		margin: 20px 0;
		text-align: center !important;
	}
	main.ucar .content .about{
		margin: 40px 0 50px;
	}
	main.ucar .three-item{
		display: inherit;
		margin-top: 30px;
	}
	main.ucar .three-item div:first-of-type,main.ucar .three-item div:last-of-type{
		width: 100%;
	}
	main.ucar .three-item div:last-of-type{
		margin-top: 30px;
	}
	main.ucar .three-item h4{
		font-size: 1.4em;
	}
	main.ucar .three-item p.subtitle{
		font-size: 1.1em;
	}
	main.ucar .three-item dt{
		font-size: 1.1em;
	}
	main.ucar .class-select{
		margin: 40px 0;
	}
	main.ucar .class-select p{
		text-align: left;
	}
	main.ucar .class-select dl{
		margin-top: 30px;
	}
	main.ucar .class-select dl div{
		display: inherit;
	}
	main.ucar .class-select dl div:first-of-type dt{
		font-size: 1.2em;
		margin-bottom: 10px;
	}
	main.ucar .class-select dl div dt,main.ucar .class-select dl div dd:first-of-type,main.ucar .class-select dl div dd:last-of-type{
		width: 100%;
	}
	main.ucar .ucarstore ul{
		display: inherit;
	}
	main.ucar .ucarstore ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	main.ucar .ucarstore ul li:last-child{
		margin-bottom: 0;
	}
}

/*------------------------------------------------------記事------------------------------------------------------*/
main.postarea .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 40px auto 0 auto;
	line-height: 1.7;
}
main.postarea .back-btn p{
	border: 1px solid #000;
	position: relative;
	margin: 50px auto 0;
	text-align: center;
	width: 20%;
}
main.postarea .back-btn p a{
	display: block;
	padding: 7px 10px 10px;
	color: #000;
	font-size: 0.8em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #FFF;
}
main.postarea .back-btn p a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #000;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.postarea .back-btn p a:hover{
	background: #000;
	color: #FFF;
}
main.postarea .back-btn p a:hover::before{
	border-left: 5px solid #FFF;
}

@media screen and (max-width: 480px) {
	main.postarea .content{
	width: 90%;
	margin: 30px auto 0 auto;
	}
	main.postarea .back-btn p{
	width: 50%;
	}
}

/*------------------------------------------------------宮城スバルで寄り道------------------------------------------------------*/
main.yorimichi .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 0 auto ;
	line-height: 1.7;
}
main.yorimichi .content p.character{
	width: 20%;
	max-width: 150px;
	margin: 5% auto;
}
main.yorimichi .inner{
	background: #EAEFDE;
	margin: -20px 0 -5% 0;
	padding: 30px 0 80px;
}
main.yorimichi h2{
	width: 45%;
	margin: 0 auto;
	padding: 50px 0;
}
main.yorimichi .gamecontent{
	background: #FFF;
	border-radius: 15px;
	width: 80%;
	margin: 30px auto 0;
	position: relative;
	padding: 100px 40px 40px 40px;
	text-align: center;
	font-size: 1.2em;
	line-height: 2;
}
main.yorimichi .gamecontent h3{
	width: 60%;
	margin: 0 auto 150px;
	position: absolute;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
main.yorimichi .btn{
	width: 80%;
	display: flex;
	justify-content: space-between;
	margin: 30px auto 0;
}
main.yorimichi .btn p{
	width: 49%;
	text-align: center;
}
main.yorimichi .btn p a{
	display: block;
	background: #68B4CB;
	padding: 15px 0;
	border-radius: 50px;
	text-decoration: none;
	color: #FFF;
}
main.yorimichi .btn p:last-of-type a{
	background: #EC7582;
}
main.yorimichi .game{
	display: flex;
	justify-content: space-between;
	margin-top: 100px;
}
main.yorimichi .game div{
	width: 49%;
	position: relative;
}
main.yorimichi .game div img:first-of-type{
	border: 7px solid #FFF;
}
main.yorimichi .game div img:last-of-type{
	width: 80px;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}
main.yorimichi .pagenav{
	margin-top: 0;
}
main.yorimichi .pagenav ul{
	margin-top: -10px;
}
@media screen and (max-width: 480px) {
	main.yorimichi .content{
		width: 90%;
		margin: 0 auto;
	}
	main.yorimichi h2{
		width: 90%;
		padding: 0;
	}
	main.yorimichi .gamecontent h3{
		width: 70%;
		top: -22px;
	}
	main.yorimichi .gamecontent{
		width: 100%;
		padding: 50px 20px 20px 20px;
		font-size: 0.9em;
	}
	main.yorimichi .btn{
		display: inherit;
		width: 90%;
	}
	main.yorimichi .btn p{
		width: 100%;
		margin: 0 0 10px 0;
	}
	main.yorimichi .btn p a{
		padding: 10px 0;
	}
	main.yorimichi .game{
		display: inherit;
		margin-top: 50px;
	}
	main.yorimichi .game div{
		width: 100%;
	}
	main.yorimichi .game div:first-of-type{
		margin-bottom: 30px;
	}
	main.yorimichi .game div img:last-of-type{
		width: 50px;
		top: -21px;
	}
	main.yorimichi .inner{
		margin: -20px 0 -50px 0;
		padding: 30px 0 50px;
	}
}

/*------------------------------------------------------ソーシャルメディアアカウント------------------------------------------------------*/
main.sns-list .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.sns-list dl div{
	border-bottom: 1px solid #000;
	padding: 15px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
main.sns-list dl div dt{
	width: 15%;
	position: relative;
	display: flex;
	padding-left: 30px;
	font-weight: 500;
	font-size: 1.1em;
}
main.sns-list dl div dt::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	display: inline-block;
}
main.sns-list dl div:nth-of-type(1) dt::before,main.sns-list dl div:nth-of-type(2) dt::before{
	background: url(../sns/img/instagram-icon.svg) no-repeat;
	background-position: center;
	background-size: 100%;
}
/*
main.sns-list dl div:nth-of-type(2) dt::before{
	background: url(../sns/img/twitter-icon.svg) no-repeat;
	background-position: center;
	background-size: 100%;
}
*/
main.sns-list dl div:nth-of-type(3) dt::before{
	width: 20px;
	height: 20px;
	background: url(../sns/img/facebook-icon.svg) no-repeat;
	background-position: center center;
	background-size: 50%;
}
main.sns-list dl div:nth-of-type(4) dt::before{
	width: 18px;
	height: 20px;
	background: url(../sns/img/note-icon.svg) no-repeat;
	background-position: center;
	background-size: 100%;
}
main.sns-list dl div dd{
	width: 80%;
}
main.sns-list dl div dd a{
	position: relative;
	display: block;
	padding-left: 16px;
	text-decoration-color: transparent;
	color: #000;
	transition: ease all 0.3s;
}
main.sns-list dl div dd a:hover{
	color:#0E79D6;
	text-decoration: underline;
}



main.sns-list dl div dd a::after{
	content:'\e5cc';
	font-family: "Material Icons";
	position: absolute;
	left: 0;
	top: 54%;
	transform: translateY(-50%);
	font-size: 16px;
	color: #545454;
}
main.sns-list dl div dd ul{
	list-style-type: none;
}
main.sns-list dl div dd ul li{
	padding-bottom: 10px;
}
main.sns-list dl div dd ul li:last-of-type{
	padding-bottom: 0;
}

@media screen and (max-width: 480px) {
	main.sns-list .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.sns-list dl div{
		display: inherit;
	}
	main.sns-list dl div dt{
		width: 100%;
		margin-bottom: 10px;
	}
	main.sns-list dl div dd{
		width: 100%;
	}
	main.sns-list dl div{
		padding: 20px 0;
	}
	main.sns-list dl div:first-of-type{
		padding: 0 0 20px 0;
	}
}


/*------------------------------------------------------サイトマップ------------------------------------------------------*/
main.sitemap .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.sitemap h2{
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 30px 0;
	letter-spacing: 1px;
	width: 100%;
}
main.sitemap dl{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
main.sitemap dl div{
	width: 25%;
}
main.sitemap dl div dt{
	font-size: 1.1em;
	font-weight: 500;
	margin-bottom: 10px;
	letter-spacing: 2px;
}
main.sitemap dl div dd ul{
	list-style-type: none;
	margin-bottom: 50px;
}
main.sitemap dl div dd a{
	color: #000;
	text-decoration: none;
}

@media screen and (max-width: 480px) {
	main.sitemap .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.sitemap dl{
		display: inherit;
	}
	main.sitemap dl div{
		width: 100%;
	}
	main.sitemap dl div dd ul{
		margin-bottom: 30px;
	}
}


/*------------------------------------------------------お問い合わせ------------------------------------------------------*/
main.inquiry .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.inquiry .telinfo{
	background: #F2F8FD;
	padding: 30px;
}
main.inquiry .telinfo h2{
	background: #0E79D6;
	padding: 7px;
	text-align: center;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 2px;
	margin-bottom: 80px;
}
main.inquiry .telinfo .tellink{
	width: 45%;
	margin: 30px auto;
}
main.inquiry .telinfo p{
	text-align: center;
	letter-spacing: 2px;
	font-size: 1.1em;
}
main.inquiry .telinfo>div{
	margin: 10px auto;
	width: 85%;
}
main.inquiry .telinfo>div:first-of-type{
	width: 60%;
	background: #CCE2F5;
	margin: 30px auto;
}
main.inquiry .telinfo>div:first-of-type h3{
	letter-spacing: 2px;
	font-weight: 400;
	color: #FFF;
	background: #0E79D6;
	text-align: center;
	width: 100%;
}
main.inquiry .telinfo dl{
	padding: 20px 30px;
}
main.inquiry .telinfo dl div{
	display: flex;
	font-size: 1.2em;
	letter-spacing: 2px;
	padding: 0;
}
main.inquiry .telinfo dl div dt{
	width: 15%;
	font-weight: 400;
}
main.inquiry .telinfo>div:last-of-type{
	width: 70%;
	margin: 30px auto;
	text-align: center;
}
main.inquiry .telinfo>div:last-of-type h3{
	text-align: center;
	font-weight: 400;
	font-size: 1.3em;
	letter-spacing: 2px;
}
main.inquiry .telinfo>div:last-of-type ol{
	list-style-type: none;
	margin: 20px 0;
	font-size: 1.1em;
	letter-spacing: 2px;
}
main.inquiry .telinfo>div:last-of-type p{
	font-size: 0.8em;
}
main.inquiry .btn{
	border: 1px solid #00A0E4;
	position: relative;
	margin: 50px auto 0;
	text-align: center;
	width: 100%;
}
main.inquiry .btn a{
	display: block;
	padding: 17px 10px 20px;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #00A0E4;
}
main.inquiry .btn a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.inquiry .btn a:hover{
	background: #FFF;
	color: #00A0E4;
}
main.inquiry .btn a:hover::before{
	border-left: 5px solid #00A0E4;
}

@media screen and (max-width: 480px) {
	main.inquiry .content{
		width: 90%;
		margin: 20px auto 0 auto;
	}
	main.inquiry .telinfo{
		padding: 20px;
	}
	main.inquiry .telinfo h2{
		font-size: 1.1em;
		line-height: 1.2;
		padding: 15px 0;
		margin-bottom: 30px;
	}
	main.inquiry .telinfo .tellink{
		width: 80%;
	}
	main.inquiry .telinfo p{
		font-size: 0.8em;
	}
	main.inquiry .telinfo>div:first-of-type{
		width: 100%;
	}
	main.inquiry .telinfo dl div{
		display: inherit;
	}
	main.inquiry .telinfo dl div dt,main.inquiry .telinfo dl div dd{
		width: 100%;
		font-size: 0.8em;
	}
	main.inquiry .telinfo dl div dt{
		font-weight: 400;
	}
	main.inquiry .telinfo dl div dd{
		margin-bottom: 10px;
	}
	main.inquiry .telinfo dl div:last-of-type dd{
		margin-bottom: 0;
	}
	main.inquiry .telinfo>div:last-of-type h3{
		font-size: 1em;
	}
	main.inquiry .telinfo>div:last-of-type{
		width: 90%;
	}
	main.inquiry .telinfo>div:last-of-type ol{
		font-size: 0.8em;
	}
	main.inquiry .btn a{
		font-size: 0.9em;
	}
}


/*------------------------------------------------------所有権解除依頼------------------------------------------------------*/
main.cancel .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.cancel h2{
	font-size: 1.5em;
	font-weight: 500;
	margin: 30px 0 10px 0;
	letter-spacing: 1px;
	width: 100%;
}
main.cancel>h2:first-of-type{
	margin: 0 0 10px 0;
}
main.cancel h3{
	color: #0E79D6;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.3em;
}
main.cancel h3:last-of-type{
	margin-top: 40px;
}
main.cancel dt{
	font-size: 1.2em;
	font-weight: 500;
	letter-spacing: 2px;
	margin: 20px 0 10px;
}
main.cancel ol{
	margin-left: 1.3em;
}
main.cancel dd span{
	font-weight: 500;
	color: #FF0000;
}
main.cancel .btn{
	border: 1px solid #0E79D6;
	position: relative;
	margin: 10px 0;
	text-align: center;
	display: inline-block;
}
main.cancel .btn a{
	display: block;
	padding: 10px 30px 13px;
	color: #FFF;
	font-size: 1em;
	letter-spacing: 2px;
	text-decoration: none;
	transition: ease all 0.3s;
	position: relative;
	background: #0E79D6;
}
main.cancel .btn a::before{
	content: "";
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #FFF;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: -1px;
	transform: translateY(-50%);
	transition: ease all 0.3s;
}
main.cancel .btn a:hover{
	background: #FFF;
	color: #0E79D6;
}
main.cancel .btn a:hover::before{
	border-left: 5px solid #0E79D6;
}
main.cancel a.tel{
	color: #000;
	text-decoration: none;
}
main.cancel .content ul {
	margin-left: 1.3em;
}
main.cancel .content a.txt_link{
	color: #000;
	display: inline-block;
	transition: ease all 0.3s;
}
main.cancel a.txt_link:hover{
	color: #0E79D6;
	text-decoration-color: transparent;
}
.flow_wrap .flow_list {
	position: relative;
	border: solid 1px #0E79D6;
	width: 100%;
	margin: 40px 0;
	padding: 15px 20px;
	text-align: center;
}
.flow_wrap .flow_list:first-child {
	margin-top: 0;
}
.flow_wrap .flow_list:last-child {
	margin-bottom: 1%;
}
.flow_wrap .flow_list:last-child::after {
	display: none;
}
.flow_wrap .flow_list::after {
	width: 0;
	height: 0;
	position: absolute;
	bottom: -52px;
	left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
	border: 20px solid transparent;
	border-top-color: #0E79D6;
	content: '';
}
@media screen and (max-width: 480px) {
	main.cancel .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.cancel h2{
		font-size: 1.2em;
	}
	main.cancel h3{
		font-size: 1.1em;
	}
	main.cancel .btn{
		width: 100%;
	}
}


/*------------------------------------------------------ネットで整備予約をご利用のお客様へ------------------------------------------------------*/
main.s-form .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
	text-align: center;
	line-height: 2;
}
main.s-form p span{
	font-weight: 500;
}
main.s-form .content ul{
	display: flex;
	justify-content: center;
	list-style-type: none;
	width: 80%;
	margin: 50px auto;
}
main.s-form .content ul li{
	width: 48%;
}

@media screen and (max-width: 480px) {
	main.s-form h1{
		font-size: 1.2em;
	}
	main.s-form .content{
		width: 90%;
		margin: 30px auto 0 auto;
		text-align: left;
	}
	main.s-form .content ul{
		display: inherit;
		width: 100%;
		margin: 20px 0 0 0;
	}
	main.s-form .content ul li{
		width: 100%;
	}
}


/*------------------------------------------------------インフォメーション　一覧------------------------------------------------------*/
main.information-list .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.information-list ul.list-group{
	list-style-type: none;
}
main.information-list ul.list-group .date{
	margin-right: 30px;
	font-size: 1em;
	color: #000;
}
main.information-list ul.list-group span.management {
	background: #00A0DC;
	padding: 1px 0 3px 2px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 2px;
	border-radius: 25px;
	margin-right: 30px;
	width: 130px;
}
main.information-list ul.list-group span.recruitment {
	background: #0E79D6;
	padding: 1px 0 3px 2px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 2px;
	border-radius: 25px;
	margin-right: 30px;
	width: 130px;
}
main.information-list ul.list-group span.store {
	background: #76D5E0;
	padding: 1px 0 3px 2px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 2px;
	border-radius: 25px;
	margin-right: 30px;
	width: 130px;
}
main.information-list ul.list-group span.other {
	background: #033E57;
	padding: 1px 0 3px 2px;
	text-align: center;
	color: #FFF;
	display: inline-block;
	font-size: 0.8em;
	letter-spacing: 2px;
	border-radius: 25px;
	margin-right: 30px;
	width: 130px;
}
main.information-list ul.list-group h3{
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 2px;
	letter-spacing: 1px;
}
main.information-list ul.list-group li{
	border-bottom: 1px solid #DFDFDF;
	padding: 20px 10px;
}
main.information-list ul.list-group li a h3{
	color: #0E79D6;
    transition: ease all 0.3s;
    text-decoration: underline;
    text-decoration-color: #0E79D6;
    display: inline-block;
}
main.information-list ul.list-group li a:hover h3{
	text-decoration-color:transparent;
}

@media screen and (max-width: 480px) {
	main.information-list .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.information-list ul.list-group span.store,main.information-list ul.list-group span.recruit,main.information-list ul.list-group span.management,main.information-list ul.list-group span.other{
		margin-bottom: 10px;
	}
	
}



/*------------------------------------------------------イベント　一覧------------------------------------------------------*/
main.event-list .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
	line-height: 1.7;
}
main.event-list ul.list-group{
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
main.event-list ul.list-group .date{
	margin-right: 30px;
	font-size: 1em;
	color: #000;
	display: block;
}
main.event-list ul.list-group h3{
	display: inline-block;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 2px;
	letter-spacing: 1px;
}
main.event-list ul.list-group li{
	margin: 20px 0 30px;
	padding: 0 20px;
	width: calc(100% / 3);
}
main.event-list ul.list-group li .thum{
	width: 100%;
	overflow:hidden; 
	border: 1px solid #f4f4f4;
}
main.event-list ul.list-group li .thum a img{
	height: auto;
	transition: ease all 0.3s;
}
main.event-list ul.list-group li .thum a{
	display: block;
	line-height: 0;
}
main.event-list ul.list-group li .thum a:hover img{
	border: 1px solid #f4f4f4;
	transform:scale(1.1,1.1);
}
main.event-list ul.list-group li a h3{
	color: #000;
    transition: ease all 0.3s;
    text-decoration: underline;
    text-decoration-color:transparent;
    display: inline-block;
    font-weight: 500;
    font-size: 1.1em;
}
main.event-list ul.list-group li a:hover h3{
	text-decoration-color: #000;
}

@media screen and (max-width: 480px) {
	main.event-list .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	main.event-list ul.list-group{
		display: inherit;
	}
	main.event-list ul.list-group li{
		width: 100%;
	}
	
}

/*------------------------------------------------------マイスバルリダイレクト------------------------------------------------------*/
main.mysubaru .content{
	width: 90%;
	max-width: 1100px;
	margin: 50px auto 0 auto;
	line-height: 1.7;
	text-align: center;
	line-height: 2;
}

/*------------------------------------------------------6starsday------------------------------------------------------*/

.sixstarsday .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 0 auto;
	padding-top: 50px;
}

main.sixstarsday{
	margin-bottom: -5%;
}

main.sixstarsday h1{
	margin: 0;
	line-height: 1;
}
main.sixstarsday .pagenav ul{
	margin-top: 0;
	padding-top: 10px;
}
.sixstarsday .campain{
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(255, 253, 247, 1) 10px, rgba(255, 253, 247, 1) 20px );
}

.sixstarsday .campain h2{
	width: 25%;
	margin: 0 auto;
}

.sixstarsday .campain p.mysubaru{
	width: 30%;
	margin: 40px auto;
}

.sixstarsday .campain p.lead{
	width: 90%;
	margin: 0 auto 80px;
}

.sixstarsday .campain p.lead{
	margin: 0 auto 50px;
}

.sixstarsday .campain h3{
	width: 50%;
	margin: 30px auto 60px;
}

/* プレゼント */

.sixstarsday .present{
	display: flex;
	justify-content: space-between;
}

.sixstarsday .present>div{
	width: 49%;
	border: 3px solid #BCAC63;
	border-radius: 15px;
	padding: 80px 40px 40px;
	background: #FFF;
	position: relative;
}

.sixstarsday .present>div .acc{
	display: block;
	width: 70px;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
}

.sixstarsday .ribbon {
	display: block;
	position: relative;
	height: 50px;/*リボンの高さ*/
	line-height: 50px;/*リボンの高さ*/
	text-align: center;
	padding: 0 30px;/*横の大きさ*/
	font-size: 18px;/*文字の大きさ*/
	background: #F7F3E2;/*塗りつぶし色*/
	color: #9F8F49;/*文字色*/
	font-weight: 500;
	letter-spacing: 2px;
	box-sizing: border-box;
}

.sixstarsday .ribbon:before, .sixstarsday .ribbon:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.sixstarsday .ribbon:before {
	top: 0;
	left: 0;
	border-width: 25px 0px 25px 15px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.sixstarsday .ribbon:after {
	top: 0;
	right: 0;
	border-width: 25px 15px 25px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

/*商品名が長い時（2行）*/
.sixstarsday .ribbon2 {
	display: block;
	position: relative;
	height: 60px;/*リボンの高さ*/
	line-height: 1.2;/*リボンの高さ*/
	text-align: center;
	padding: 10px 30px;/*横の大きさ*/
	font-size: 16px;/*文字の大きさ*/
	background: #F7F3E2;/*塗りつぶし色*/
	color: #9F8F49;/*文字色*/
	font-weight: 500;
	letter-spacing: 1px;
	box-sizing: border-box;
}

/*商品名が長い時（2行と隣り合う1行）*/
.sixstarsday .ribbon3 {
	display: block;
	position: relative;
	height: 60px;/*リボンの高さ*/
	line-height: 60px;/*リボンの高さ*/
	text-align: center;
	padding: 0 30px;/*横の大きさ*/
	font-size: 16px;/*文字の大きさ*/
	background: #F7F3E2;/*塗りつぶし色*/
	color: #9F8F49;/*文字色*/
	font-weight: 500;
	letter-spacing: 1px;
	box-sizing: border-box;
}

.sixstarsday .ribbon2:before, .sixstarsday .ribbon2:after,.sixstarsday .ribbon3:before, .sixstarsday .ribbon3:after {
	position: absolute;
	content: '';
	width: 0px;
	height: 0px;
	z-index: 1;
}

.sixstarsday .ribbon2:before,.sixstarsday .ribbon3:before {
	top: 0;
	left: 0;
	border-width: 30px 0px 30px 20px;
	border-color: transparent transparent transparent #fff;
	border-style: solid;
}

.sixstarsday .ribbon2:after,.sixstarsday .ribbon3:after  {
	top: 0;
	right: 0;
	border-width: 30px 20px 30px 0px;
	border-color: transparent #fff transparent transparent;
	border-style: solid;
}

.sixstarsday h3:nth-of-type(2){
	margin-top: 7%;
}


/*プレゼントスライダー*/
.sixstarsday .present ul li img{
	display: block;
	width: 98%;
	height: auto;
	margin: 20px auto;
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.sixstarsday .flow-acc img{
	line-height: 1;
	margin-bottom: -3px;
}

.sixstarsday .present .slick-dots li button:before{
	font-size: 50px !important;
	color: #9F8F49 !important;
}

.sixstarsday .btn a{
	display: block;
	width: 50%;
	margin: 50px auto;
	background: #1BA99D;
	border: 2px solid #1BA99D;
	text-align: center;
	color: #FFF;
	font-weight: 500;
	padding: 15px;
	text-decoration: none;
	font-size: 1.1rem;
	letter-spacing: 2px;
	transition: ease all 0.3s;
}

.sixstarsday .btn a span{
	display: block;
	font-size: 0.9rem;
	font-weight: 400;
}

.sixstarsday .btn a:hover{
	background: #FFF;
	color: #1BA99D;
}

/*応募方法*/
.sixstarsday .flow{
	background: url(../6starsday/img/flow-bg.png) repeat;
	background-size: 100%;
	position: relative;
	padding-bottom: 5%;
}

.sixstarsday .flow h2{
	width: 15%;
	margin: -30px auto 0;
}

.sixstarsday .flow ul{
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	margin: 60px 0 50px;
}

.sixstarsday .flow ul li{
	width: 31%;
}
.sixstarsday .flow p{
	text-align: center;
}

.sixstarsday .flow .flow-acc01{
	position: absolute;
	bottom: -10px;
	right: -50px;
	display: block;
	width: 200px;
}
.sixstarsday .flow .flow-acc02{
	position: absolute;
	bottom: -10px;
	left: -50px;
	display: block;
	width: 200px;
}

/*応募状況*/
.sixstarsday.entry-list section{
	padding-bottom: 40px;
}
.sixstarsday.entry-list section div{
	display: flex;
	justify-content: space-between;
}

.sixstarsday.entry-list section table{
	width: 48%;
	margin: 30px 0;
	background: #FFF;
	border-collapse: collapse;
}

.sixstarsday.entry-list section table thead th{
	background: #00A99D;
	text-align: center;
	color: #FFF;
	font-weight: 400;
	letter-spacing: 2px;
	font-size: 1.1rem;
	padding: 7px 0;
}

.sixstarsday.entry-list section table tbody th{
	width: 20%;
	background: #FAFAFA;
	text-align: center;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 7px;
}

.sixstarsday.entry-list section table tbody td{
	padding: 15px;
}

.sixstarsday.entry-list section table tbody tr:first-of-type th{
	border-bottom: 2px solid #FFF;
}

.sixstarsday.entry-list section table tbody tr:nth-of-type(2) td{
	border-bottom: 2px solid #FAFAFA;
	padding: 0 15px 15px 15px;
}


@media screen and (max-width: 480px) {
	.sixstarsday.entry-list section div{
		display: block;
	}
	
	.sixstarsday.entry-list section table{
		width: 100%;
		margin: 15px 0;
	}
	.sixstarsday.entry-list section table thead th{
		font-size: 1rem;
	}
	.sixstarsday.entry-list section table tbody th{
		font-size: 0.8rem;
	}
}

@media screen and (max-width: 480px) {
	.sixstarsday .content{
		width: 90%;
	}
	.sixstarsday .campain h2{
	width: 45%;
	margin: 0 auto;
	}
	.sixstarsday .campain p.mysubaru{
		width: 55%;
	}
	.sixstarsday .campain p.lead{
		width: 90%;
	}
	.sixstarsday .campain h3{
		width: 90%;
		margin: 30px auto 37px;
	}
	.sixstarsday .present{
		display: block;
	}
	.sixstarsday .present>div{
		width: 90%;
		margin: 0 auto;
		padding: 30px 20px 10px;
	}
	.sixstarsday .present>div:first-of-type{
		margin-bottom: 50px;
	}
	.sixstarsday .present>div .acc{
		width: 45px;
		top: -28px;
	}
	.sixstarsday .ribbon {
		height: 40px;
		line-height: 40px;
		text-align: center;
		padding: 0 20px;
		font-size: 0.8rem;
		letter-spacing: 1px;
	}
	.sixstarsday .ribbon:before {
		border-width: 20px 0px 20px 10px;
	}
	.sixstarsday .ribbon:after {
		border-width: 20px 10px 20px 0px;
	}

	.sixstarsday .ribbon2 {
		height: 50px;
		line-height: 1.2;
		text-align: center;
		padding: 10px 20px;
		font-size: 13px;
		letter-spacing: 1px;
	}
	.sixstarsday .ribbon3 {
		height: 50px;
		line-height: 50px;
		text-align: center;
		padding: 0 20px;
		font-size: 13px;
		letter-spacing: 1px;
	}
	.sixstarsday .ribbon2:before,.sixstarsday .ribbon3:before {
		border-width: 25px 0px 25px 15px;
	}
	.sixstarsday .ribbon2:after,.sixstarsday .ribbon3:after {
		border-width: 25px 15px 25px 0px;
	}

	.sixstarsday .present .slick-dots{
		bottom: -13px;
	}
	.sixstarsday .present .slick-dots li{
		margin: 0 2px;
	}
	.sixstarsday .btn a{
		width: 90%;
		font-size: 1rem;
		letter-spacing: 1px;
		margin: 30px auto;
	}
	.sixstarsday .flow h2{
		width: 27%;
	}
	.sixstarsday .flow ul{
		margin: 30px auto;
		display: block;
		width: 60%;
	}
	.sixstarsday .flow ul li{
		width: 100%;
		margin-bottom: 30px;
	}
	.sixstarsday .flow .flow-acc02{
		width: 100px;
		left: -30px;
	}
	.sixstarsday .flow .flow-acc01{
		width: 100px;
		right: -30px;
	}
	main.sixstarsday{
		margin-bottom: -50px;
	}
}

/*応募ページ*/
main.sixstarsday-entry .present-include .present:last-of-type,main.sixstarsday-entry .present-include h3:last-of-type{
	display: none;
}
main.sixstarsday-entry .onepresent .present-include .present:last-of-type,main.sixstarsday-entry .onepresent .present-include h3:last-of-type{
	display: flex;
}

main.sixstarsday-entry .btn{
	display: flex;
	justify-content: space-between;
}
main.sixstarsday-entry .btn p{
    width: 48%;
    margin: 50px auto;
}
main.sixstarsday-entry .btn a{
	width: 100%;
	margin: 0;
	display: block;
    background: #1BA99D;
    border: 2px solid #1BA99D;
    text-align: center;
    color: #FFF;
    font-weight: 500;
    padding: 15px;
    text-decoration: none;
    font-size: 1.1rem;
    letter-spacing: 2px;
    transition: ease all 0.3s;
}

main.sixstarsday-entry .btn p.finish{
    background: #DFDFDF;
    border: 2px solid #DFDFDF;
    text-align: center;
    color: #000;
    font-weight: 500;
    padding: 15px;
    text-decoration: none;
    font-size: 1.1rem;
    letter-spacing: 2px;
    transition: ease all 0.3s;
}

main.sixstarsday-entry .btn span {
    display: block;
    font-size: 0.9rem;
    font-weight: 400;
}


@media screen and (max-width: 480px) {
	main.sixstarsday-entry .btn{
		width: 90%;
		display: block;
		margin: 5% auto;
		padding-bottom: 10%;
	}
	main.sixstarsday-entry .btn p{
		width: 100%;
		margin: 3% 0;
	}
	main.sixstarsday-entry .btn p.finish{
		font-size: 1rem;
	}
	main.sixstarsday-entry .btn p.finish span{
		font-size: 0.8rem;
	}
	main.sixstarsday-entry .btn p a{
		font-size: 1rem;
	}
	main.sixstarsday-entry .btn p a span{
		font-size: 0.8rem;
	}
	main.sixstarsday-entry .onepresent .present-include .present:last-of-type,main.sixstarsday-entry .onepresent .present-include h3:last-of-type{
	display: block;
}
}

/*6starsday応募フォーム*/

main.sixstarsday-entryform .content{
	width: 65%;
}

main.sixstarsday-entryform .content iframe{
	padding: 7% 0;
	box-sizing: content-box;
}

@media screen and (max-width: 480px) {
	main.sixstarsday-entryform .content{
		width: 90%;
	}
	
	
}


/*------------------------------------------------------Go!withSUBARUドライブマップ------------------------------------------------------*/
main.drivemap .content {
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 50px auto 0 auto;
}

main.drivemap h2{
	text-align: center;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 1.7rem;
	margin: 0 0 5% 0;
}
main.drivemap h2 span{
	font-weight: 400;
	font-size: 1rem;
	display: block;
}

main.drivemap .lead p{
	text-align: center;
	line-height: 2;
	font-size: 1.1rem;
}

main.drivemap .lead p a,main.drivemap .flow p a{
	color: #000;
}

main.drivemap .gmapcover{
	margin: 0 0 5% 0;
	background: #001D66;
}

main.drivemap .gmapcover .content{
	margin: 0 auto;
}

main.drivemap span.acc{
	display: block;
	line-height: 1;
	margin-top: 5%;
}

main.drivemap .content .gmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 70.25%;
	position: relative;
}
main.drivemap .content .gmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

main.drivemap .content .btn{
	display: flex;
	justify-content: space-between;
	width: 80%;
	margin: 5% auto;
}

main.drivemap .content .btn p{
		width: 47%;
		margin-bottom: 7%;
}

main.drivemap .content .btn p a{
	display: block;
	color: #001D66;
	text-decoration: none;
	padding: 15px;
	letter-spacing: 1px;
	text-align: center;
	background: #FFF;
	transition: ease all 0.3s;
}

main.drivemap .content .btn p a:hover{
	background: #00A0DC;
	color: #FFF;
}

main.drivemap .flow h2{
	margin:3% 0;
}

main.drivemap .flow h3{
	text-align: center;
	font-weight: 400;
	font-size: 1.5rem;
	letter-spacing: 2px;
	margin: 0 0 5% 0;
	position: relative;
}

main.drivemap .flow h3::after{
	content: "";
	height: 2px;
	width: 40px;
	background: #000;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
}

main.drivemap .flow ol{
	display: flex;
	justify-content: space-between;
	list-style-type: none;
}

main.drivemap .flow ol:first-of-type{
	margin-bottom: 7%;
}

main.drivemap .flow ol:first-of-type li{
	width: 24%;
}

main.drivemap .flow ol:last-of-type li{
	width: 49%;
}

main.drivemap .flow li{
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

main.drivemap .flow li h4{
	width: 40px;
	margin: 0 auto 3%;
}

main.drivemap .flow li p{
	margin: 2% 0 4% 0;
}

main.drivemap .flow li span{
	color: #00A0DC;
}

main.drivemap .flow li img{
	display: block;
	margin-top: auto;
}

@media screen and (max-width: 480px) {
	main.drivemap h2{
		font-size: 1.1rem;
		letter-spacing: 1px;
	}
	main.drivemap h2 span{
		font-size: 0.6rem;
	}
	main.drivemap .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
	
	main.drivemap .lead p{
		font-size: 0.9rem;
		text-align: left;
	}
	main.drivemap span.acc{
		margin-bottom: -1px;
	}
	main.drivemap .content .btn{
		display: inherit;
		width: 100%;
		padding-bottom: 5%;
	}
	main.drivemap .content .btn p{
		width: 100%;
		margin-bottom: 3%;
	}
	main.drivemap .content .gmap {
		padding-bottom: 150.25%;
	}
	main.drivemap .flow h3{
		font-size: 1.05rem;
		margin: 0 0 10% 0;
		letter-spacing: 1px;
	}
	main.drivemap .flow ol{
		display: inherit;
	}
	main.drivemap .flow ol li{
		margin-top: 5%;
	}
	main.drivemap .flow ol:first-of-type li,main.drivemap .flow ol:last-of-type li{
		width: 100%;
	}
	main.drivemap .flow li h4{
		width: 30px;
	}
}

/*------------------------------------------------------東北地区スバルグループ------------------------------------------------------*/

main.tohoku-link .content {
    width: calc(90% - 80px);
    max-width: 1100px;
    margin: 50px auto 0 auto;
}

main.tohoku-link .content ul {
    display: flex;
    list-style-type: none;
    flex-wrap: wrap;
    justify-content: space-between;
}

main.tohoku-link .content li {
    width: 32%;
    transition: ease all 0.3s;
    border: 2px solid #000;
    margin: 1% 0;
}

main.tohoku-link .content li a{
	line-height: 0;
	display: block;
}

main.tohoku-link .content li{
	line-height: 0;
}

main.tohoku-link .content li:nth-child(1):hover,
main.tohoku-link .content li:nth-child(4):hover,
main.tohoku-link .content li:nth-child(5):hover {
    border: 2px solid #0E79D6;
}

main.tohoku-link .content li:nth-child(2):hover,
main.tohoku-link .content li:nth-child(3):hover,
main.tohoku-link .content li:nth-child(6):hover {
    border: 2px solid #17A0DC;
}

@media screen and (max-width: 480px) {
	main.tohoku-link .content{
		width: 90%;
		margin: 30px auto 0 auto;
	}
    main.tohoku-link .content li {
        border: 1px solid #000;
        width: 48%;
        margin: 2% 0;
    }
}

/*------------------------------------------------------電子公告------------------------------------------------------*/
main.epublicnotice .content{
	width: calc(90% - 80px);
	max-width: 1100px;
	margin: 80px auto 0 auto;
}
main.epublicnotice .mainvl{
	text-align: center;
	line-height: 0;
}
main.epublicnotice .mainvl{
	text-align: center;
	line-height: 0;
}
main.epublicnotice section{
	margin-bottom: min(100/480*100vw,100px);
	text-align: center;
}
main.epublicnotice section h2{
	font-size: 2em;
	font-weight: 500;
	margin: 0 0 20px 0;
	letter-spacing: 2px;
	text-align: center;
	color: #0E79D6;
}
main.epublicnotice section .inner{
	border: 1px solid #000;
	padding: 2em;
}
main.epublicnotice section .inner p{
	text-align: center;
}
main.epublicnotice section .inner ul{
	list-style-type: none;
}
main.epublicnotice section .inner ul li{
	padding: 1em;
	border-bottom: 1px solid #999;
	text-align: left;
	font-size: clamp(10px,18/480*100vw,18px);
}
main.epublicnotice section .inner ul li a {
	color: #000;
}
main.epublicnotice section .inner ul li:last-of-type{
	border-bottom: none
}
@media screen and (max-width: 480px) {
	main.epublicnotice .content{
		width: 90%;
	}
}

main.event-list ul.list-group li a .event_ended_cate_cf {
	color: #000;
	transition: ease all 0.3s;
	text-decoration: underline;
	text-decoration-color: transparent;
	display: inline-block;
	font-size: 1.1em;
}

main.event-list ul.list-group li a:hover .event_ended_cate_cf{
	text-decoration-color: #000;
}