@charset 'UTF-8';

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■

	トップページ

■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */



/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		max-width: none;
		/* max-width: 1920px; 固定幅レイアウト時 */
		width: 100%;
		min-height: 50vh;
		display: block;
		margin: 0 auto;
	}

	.inner_wrap {
		position: relative;
	}

	/* セクションタイトル（青） */
	.section_title {
		font-size: 2.5em;
		color: #257DA8;
		text-align: center;
		margin-bottom: 10px !important;
	}
	.section_title_sub {
		font-size: 0.875em;
		color: #257DA8;
		text-align: center;
		margin-bottom: 40px !important;
	}
	/* セクションタイトル（白） */
	.section_title_w {
		font-size: 2.5em;
		color: #fff;
		text-align: center;
		margin-bottom: 40px !important;
	}
	.section_title_sub_w {
		font-size: 0.875em;
		color: #fff;
		text-align: center;
		margin-bottom: 10px !important;
	}
	/* セクションタイトル（白）2 */
	.section_title_w2 {
		font-size: 2.5em;
		color: #fff;
		text-align: center;
		margin-bottom: 10px !important;
	}
	.section_title_sub_w2 {
		font-size: 0.875em;
		color: #fff;
		text-align: center;
		margin-bottom: 40px !important;
	}

}



/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	#wrapper {
	}

	main.outer_wrap {
		position: relative;
		width: 100%;
	}

	.inner_wrap {
		position: relative;
	}

	/* セクションタイトル（青） */
	.section_title {
		font-size: 8vw;
		color: #257DA8;
		text-align: center;
		margin-bottom: 10px !important;
	}
	.section_title_sub {
		color: #257DA8;
		text-align: center;
	}
	/* セクションタイトル（白） */
	.section_title_w {
		font-size: 8vw;
		color: #fff;
		text-align: center;
		margin-bottom: 20px !important;
	}
	.section_title_sub_w {
		color: #fff;
		text-align: center;
		margin-bottom: 10px !important;
	}
	/* セクションタイトル（白）2 */
	.section_title_w2 {
		font-size: 8vw;
		color: #fff;
		text-align: center;
		margin-bottom: 10px !important;
	}
	.section_title_sub_w2 {
		color: #fff;
		text-align: center;
	}
}





/* ================================================================================

	メイン画像

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.main_top {
		position: relative;
	}

	.main_top_in {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
	}
	.top_copy {
		font-size: 3.5em;
		color: #fff;
		font-weight: 800;
		text-align: center;
		text-shadow: #000 1px 1px 8px;
		position: relative;
	}
	.top_copy::before {
		content: "";
		width: 55px;
		height: 70px;
		background: url(../img/main_copy_left.png) center top / cover no-repeat;
		position: absolute;
		left: 0;
		top: 0;
		transform:translate(-100%, 20px);
	}
	.top_copy::after {
		content: "";
		width: 55px;
		height: 70px;
		background: url(../img/main_copy_right.png) center top / cover no-repeat;
		position: absolute;
		right: 0;
		top: 0;
		transform:translate(100%, 20px);
	}
	.copy_sm {
		font-size: 0.833em;
	}
	.text_yellow {
		color: #FFEE1D;
	}

	/* タイヤアイコン */
	.main_item {
		display: flex;
	}
	.main_item li {
		width: 300px;
		height: 330px;
		font-size: 2.25em;
		color: #fff;
		padding-top: 150px;
		text-align: center;
		font-weight: 800;
		text-shadow: #000 1px 1px 8px;
	}
	.main_item li:nth-child(1) {
		background: url(../img/main_copy_taiya1.png) center top / contain no-repeat;
	}
		.main_item li:nth-child(2) {
		background: url(../img/main_copy_taiya2.png) center top / contain no-repeat;
	}
		.main_item li:nth-child(3) {
		background: url(../img/main_copy_taiya3.png) center top / contain no-repeat;
	}
	.main_item li:not(:last-child) {
		margin-right: 30px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.main_top {
		position: relative;
	}
	.main_top_in {
		position: relative;
	}

	.main_top {
		position: relative;
	}

	.main_top_in {
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: #fff;
	}
	.top_copy {
		font-size: 9vw;
		color: #fff;
		font-weight: 800;
		text-align: center;
		text-shadow: #000 1px 1px 8px;
		position: relative;
		line-height: 1.2em;
	}
	.top_copy::before {
		content: "";
		width: 45px;
		height: 60px;
		background: url(../img/main_copy_left.png) center top / cover no-repeat;
		position: absolute;
		left: -10px;
		bottom: 0;
	}
	.top_copy::after {
		content: "";
		width: 45px;
		height: 60px;
		background: url(../img/main_copy_right.png) center top / cover no-repeat;
		position: absolute;
		right: -10px;
		bottom: 0;
	}
	.copy_sm {
		font-size: 0.833em;
	}
	.text_yellow {
		color: #FFEE1D;
	}

	/* タイヤアイコン */
	.main_item {
		display: flex;
	}
	.main_item li {
		width: 110px;
		height: 110px;
		font-size: 4.27vw;
		color: #fff;
		padding: 45px 0;
		text-align: center;
		font-weight: 800;
		text-shadow: #000 1px 1px 8px;
	}
		.main_item li:nth-child(1) {
		background: url(../img/main_copy_taiya1.png) center top / contain no-repeat;
	}
		.main_item li:nth-child(2) {
		background: url(../img/main_copy_taiya2.png) center top / contain no-repeat;
	}
		.main_item li:nth-child(3) {
		background: url(../img/main_copy_taiya3.png) center top / contain no-repeat;
	}
	.main_item li:not(:last-child) {
		margin-right: 5px;
	}
}





/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

	ここからコンテンツ内容

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ================================================================================

	新着情報

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.news_section {
		padding: 60px 10px 90px;
	}
	.news_section .post_wrap ul li {
		display: flex;
		align-items: center;
		margin-bottom: 8px;
	}
	.news_section .post_wrap ul li:not(:last-child) {
		margin-bottom: 8px;
	}
	.news_section .post_wrap ul li .post_icon_box {
		background-color: #257DA8;
		color: #fff;
		font-weight: 600;
		padding: 5px 15px;
		margin-right: 30px;
		min-width: 180px;
		text-align: center;
		border-radius: 4px;
		font-size: 0.875em;
	}
	.news_section .post_wrap ul li .post_date {
		color: #151515;
		font-weight: 600;
		margin-right: 30px;
		font-size: 0.875em;
	}
	.news_section .post_wrap ul li .post_title a {
		color: #151515;
		font-weight: 600;
		font-size: 0.875em;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.news_section {
		padding: 30px 25px 50px;
	}
	.news_section .post_wrap ul li {
		margin-bottom: 8px;
	}
	.news_section .post_wrap ul li:not(:last-child) {
		margin-bottom: 8px;
	}
	.news_section .post_wrap ul li .post_icon_box {
		background-color: #257DA8;
		color: #fff;
		font-weight: 600;
		padding: 5px 15px;
		margin-right: 15px;
		text-align: center;
		border-radius: 4px;
		font-size: 0.875em;
		display: inline-block;

	}
	.news_section .post_wrap ul li .post_date {
		color: #151515;
		font-weight: 600;
		margin-right: 30px;
		font-size: 0.875em;
	}
	.news_section .post_wrap ul li .post_title a {
		color: #151515;
		font-weight: 600;
		font-size: 0.875em;
		width: 100%;
	}
}





/* ================================================================================

	こんなお悩みありませんか？

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.nayami_section > div {
		margin: 0 calc(50% - 50vw);
  		width: 100vw;
	}
	.nayami_right {
		background-color: #EFF8FF;
		position: relative;
		padding: 80px 60px;
	}
	.nayami_right::before {
		content: "";
		width: 290px;
		height: 290px;
		background: url(../img/w_taiya.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 4%;
		right: 0;
	}
	.nayami_title {
		color: #257DA8;
		font-size: 1.75em;
	}
	.nayami_title span{
		position: relative;
		z-index: 11;
	}
	.nayami_title span::before {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 14px #FFEE1D;
		bottom: 0px;
		width: 100%;
		z-index: -1;
	}
	.nayami_list li{
		font-size: 1.125em;
		margin-bottom: 24px;
		padding-left: 40px;
		position: relative;
		font-weight: 700;
	}
	.nayami_list li::before {
		content: "";
		width: 35px;
		height: 35px;
		background: url(../img/check_icon.png) center top / contain no-repeat;
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
	}
	.nayami_img, .nayami_img > div, .nayami_img > div img {
		height: 100%;
		object-fit: cover;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.nayami_section > div {
		margin: 0 calc(50% - 50vw);
  		width: 100vw;
	}
	.nayami_right {
		background-color: #EFF8FF;
		position: relative;
		padding: 30px 15px;
	}
	.nayami_right::before {
		content: "";
		width: 100px;
		height: 100px;
		background: url(../img/w_taiya.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 4%;
		right: 0;
	}
	.nayami_title {
		color: #257DA8;
		font-size: 7vw;
		text-align: center;
	}
	.nayami_title span{
		position: relative;
		z-index: 11;
	}
	.nayami_title span::before {
		position: absolute;
		content: " ";
		display: block;
		left: 0;
		border-bottom: solid 14px #FFEE1D;
		bottom: 0px;
		width: 100%;
		z-index: -1;
	}
	.nayami_list li{
		margin-bottom: 15px;
		padding-left: 30px;
		position: relative;
		font-weight: 700;
	}
	.nayami_list li::before {
		content: "";
		width: 25px;
		height: 25px;
		background: url(../img/check_icon.png) center top / contain no-repeat;
		position: absolute;
		top: 47%;
		left: 0;
		transform: translateY(-50%);
	}
	.nayami_img, .nayami_img > div, .nayami_img > div img {
		height: 260px;
		object-fit: cover;
	}
}





/* ================================================================================

	選ばれる理由

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.reason_section {
		padding: 120px 10px;
	}


	.reason_title_sub > div {
		position: relative;
		width: 60%;
		margin: 0 auto;
	}
	.reason_title_sub > div::before {
		content: "";
		width: 100px;
		height: 100px;
		right: -40px;
		top: -30px;
		background: url(../img/point_icon.png) center top / contain no-repeat;
		position: absolute;
	}
	.reason_title {
		margin-top: -40px;
	}
	.reason_content {
		margin-top: 40px;
	}
	.reason_item:not(:last-child) {
		margin-right: 30px;
	}
	.reason_item_title {
		font-size: 1.875em;
		text-align: center;
		position: relative;
		z-index: 10;
		margin-top: 10px;
	}
	.reason_item_title::before {
		content: "";
		width: 200px;
		height: 60px;
		background: url(../img/orange_line.png) center top / 100% no-repeat;
		position: absolute;
		bottom: -20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}
	.reason_other_point {
		margin-top: 70px;
	}
	.reason_other_point > div {
		max-width:1200px !important;
	}
	.reason_other_title {
		font-size: 1.875em;
		padding-left: 90px;
		color: #257DA8;
		position: relative;
		line-height: 1.5em;
	}
	.reason_other_title::before {
		content: "";
		width: 80px;
		height: 80px;
		background: url(../img/blue_taiya.png) center top / 100% no-repeat;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.reason_section {
		padding: 60px 20px;
	}

	.reason_title_sub > div {
		position: relative;
		width: 100%;
		margin: 0 auto;
	}
	.reason_title_sub > div::before {
		content: "";
		width: 60px;
		height: 60px;
		right: -20px;
		top: -30px;
		background: url(../img/point_icon.png) center top / contain no-repeat;
		position: absolute;
	}
	.reason_title {
		margin-top: -30px;
	}
	.reason_content {
		margin-top: 20px;
	}
	.reason_item:not(:last-child) {
		margin-bottom: 10px;
	}
	.reason_item:last-child {
		margin-bottom: 30px;
	}
	.reason_item_title {
		font-size: 6.4vw;
		text-align: center;
		position: relative;
		z-index: 10;
	}
	.reason_item_title::before {
		content: "";
		width: 200px;
		height: 60px;
		background: url(../img/orange_line.png) center top / 100% no-repeat;
		position: absolute;
		bottom: -20px;
		left: 50%;
		transform: translateX(-50%);
		z-index: -1;
	}
	.reason_other_point {
		margin-top: 40px;
	}
	.reason_other_title {
		font-size: 1.875em;
		padding-left: 55px;
		color: #257DA8;
		position: relative;
		line-height: 1.5em;
	}
	.reason_other_title::before {
		content: "";
		width: 50px;
		height: 50px;
		background: url(../img/blue_taiya.png) center top / 100% no-repeat;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translateY(-50%);
	}
}





/* ================================================================================

	タイヤ料金

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_price {
		background: url(../img/top_price_bc.png) center top / cover no-repeat;
		padding: 120px 10px;
	}
	.top_price_item:not(:last-child) {
		margin-right: 30px;
	}

	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
		.top_price {
		background: url(../img/top_price_bc.png) center top / cover no-repeat;
		padding: 60px 30px;
	}
	.top_price_item {
		margin-bottom: 20px;
	}
		.top_price_item:last-child {
		margin-bottom: 40px;
	}
		.top_price_content {
		margin-bottom: 20px;
	}
}





/* ================================================================================

	料金の例

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {

	.top_example {
		padding: 120px 10px;
	}
	.top_example_title {
		font-size: 1.875em;
		padding-left: 90px;
		position: relative;
		border-bottom: 1px dotted #257DA8;
		padding-bottom: 2px;
		width: 1080px;
		margin: 0 auto;
		margin-top: 60px;
	}
	.top_example_title2 {
		font-size: 1.875em;
		padding-left: 90px;
		position: relative;
		border-bottom: 1px dotted #257DA8;
		padding-bottom: 2px;
		width: 1080px;
		margin: 0 auto;
		margin-top: 60px;
	}
	.top_example_title::before {
		content: "";
		width: 70px;
		height: 70px;
		background: url(../img/cace1.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 5px;
		left: 0;
	}
	.top_example_title2::before {
		content: "";
		width: 70px;
		height: 70px;
		background: url(../img/cace2.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 5px;
		left: 0;
	}
	/* 料金表のテーブル */
	.osare5-table {
		width:100%;
		table-layout: fixed;
		  border: none !important;
		   border-collapse: separate;
		   border-spacing: 4px 4px;
	   }
	.osare5-table th {
		border: none !important;
		font-weight:600;
	}
	.osare5-table td {
		font-weight: 600;
	}

	.osare5-table tbody td:nth-child(2) {
		border: none !important;
		background-color:#EFF8FF !important;
		border-bottom: solid 2px #fff !important;
		font-size: 1.35em;
	}

	.osare5-table tbody td:nth-child(3) {
		border: none !important;
		background-color:#EAEAEA !important;
		border-bottom: solid 2px #fff !important;
		font-size: 1.2em;
	}
	
	/* ヘッダー */
	.osare5-table thead th {
		font-weight: 500;
		color: #fff;
	}
	
	
	
	/* ボディ項目 */
	.osare5-table tbody th {
		background:#019FBC;
		font-weight: 500;
		border-bottom: solid 2px #fff !important;
		line-height:4.5em;
		color: #fff;
		font-size: 1em;
	}
	
	/* フッター項目 */
	.osare5-table tfoot th {
	background:none;
	line-height:3em;
	font-weight: 500;

	}
	
	
	/* フッターデータ(フッターがあるときのみ有効) */
	.osare5-hikaku tfoot td {
	border: none !important;
	background:none;
	text-align:center;
	font-weight:500;
	font-size:1em;
	}
	
	
	/* ボディデータ */
	.osare5-table tbody td {
	text-align:center;
	}
	
	.osare5-table thead th:first-child  {
		background:none;
	}

	/* 泉料金 */
	.osare5-table thead th:nth-child(2) {
		background-color: #257DA8;
		color: #fff;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 1.125em;
	}
	/* 他料金 */
	.osare5-table thead th:nth-child(3) {
		height: 50px;
		font-size: 0.875em;
		padding: 0;
    	vertical-align: bottom;
	}
	.osare5-table thead th:nth-child(3) span {
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		padding: 5px;
		box-sizing: border-box;
		background: #019FBC;
		border-radius: inherit;
	}
	
	
	/* 最終行のボーダーをなくす */
	.osare5-table tbody tr:last-child th,
	.osare5-table tbody tr:last-child td {
	border-bottom:none !important;
	}

	/* 角丸 */
	.ue_maru2 {
		border-radius: 5px 5px 0 0;
	}
	.hidariue_maru {
		border-radius: 5px 0 0 0;
	}
	.hidarishita_maru {
		border-radius: 0 0 0 5px;
	}
	.migishita_maru {
		border-radius: 0 0 5px 0;
	}
	
	/* スマホ調整 */
	@media (max-width: 767px) {
		.osare5-table thead th,
		.osare5-table tbody th {
			padding:0;
		}
		.osare5-table tfoot td {
		padding:0;
		font-size:0.9em;
		}
	.osare5-table tfoot td:nth-child(2) {
		font-size:1em;
		}
	}

	.blue_price {
		color: #257DA8;
	}

	/* お得な料金 */
	.example_price {
		margin-left: 65px;
		font-size: 2.8em;
		font-weight: 700;
		position: relative;
		margin-top: -15px;
		z-index: 10;
		display: inline-block;
		white-space: nowrap;
	}
		.example_price_box {
		text-align:center;
	}
	.example_price::before {
		content: "";
		width: 90px;
		height: 70px;
		background: url(../img/yubi.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 0px;
		left: 10px;
		transform: translateX(-100%);
	}
	.example_price::after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 14px #FFEE1D;
		bottom: 0px;
		width: 100%;
		z-index: -1;
		transform: skewX(-45deg);
	}
	.example_price .price_red{
		color: #EF3257;
	}
	.example_price .price_sm{
		font-size: 0.75em;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_example {
		padding: 60px 10px;
	}
	.top_example_title {
		font-size: 5.33vw;
		padding-left: 60px;
		position: relative;
		border-bottom: 1px dotted #257DA8;
		padding-bottom: 2px;
		text-align:left;
		margin: 0 auto;
		margin-top: 30px;
	}
	.top_example_title2 {
		font-size: 5.33vw;
		padding-left: 60px;
		position: relative;
		border-bottom: 1px dotted #257DA8;
		padding-bottom: 2px;
		text-align:left;
		margin: 0 auto;
		margin-top: 30px;
	}
	.top_example_title::before {
		content: "";
		width: 50px;
		height: 50px;
		background: url(../img/cace1.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 5px;
		left: 0;
	}
	.top_example_title2::before {
		content: "";
		width: 50px;
		height: 50px;
		background: url(../img/cace2.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 5px;
		left: 0;
	}
	/* 料金表のテーブル */
	.osare5-table {
		width:100%;
		table-layout: fixed;
		  border: none !important;
		   border-collapse: separate;
		   border-spacing: 4px 4px;
	   }
	.osare5-table th {
		border: none !important;
		font-weight:600;
	}
	.osare5-table td {
		font-weight: 600;
	}

	.osare5-table tbody td:nth-child(2) {
		border: none !important;
		background-color:#EFF8FF !important;
		border-bottom: solid 2px #fff !important;
		font-size: 1.25em;
	}

	.osare5-table tbody td:nth-child(3) {
		border: none !important;
		background-color:#EAEAEA !important;
		border-bottom: solid 2px #fff !important;
	}
	
	/* ヘッダー */
	.osare5-table thead th {
		font-weight: 500;
		color: #fff;
	}
	
	
	
	/* ボディ項目 */
	.osare5-table tbody th {
		background:#019FBC;
		font-weight: 500;
		border-bottom: solid 2px #fff !important;
		line-height:4.5em;
		color: #fff;
	}
	
	/* フッター項目 */
	.osare5-table tfoot th {
	background:none;
	line-height:3em;
	font-weight: 500;

	}
	
	
	/* フッターデータ(フッターがあるときのみ有効) */
	.osare5-hikaku tfoot td {
	border: none !important;
	background:none;
	text-align:center;
	font-weight:500;
	font-size:1em;
	}
	
	
	/* ボディデータ */
	.osare5-table tbody td {
	text-align:center;
	}
	
	.osare5-table thead th:first-child  {
		background:none;
	}

	/* 泉料金 */
	.osare5-table thead th:nth-child(2) {
		background-color: #257DA8;
		color: #fff;
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 1.125em;
	}
	/* 他料金 */
	.osare5-table thead th:nth-child(3) {
		height: 50px;
		font-size: 0.875em;
		padding: 0;
    	vertical-align: bottom;
	}
	.osare5-table thead th:nth-child(3) span {
		display: block;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 50px;
		padding: 5px;
		box-sizing: border-box;
		background: #019FBC;
		border-radius: inherit;
	}
	
	
	/* 最終行のボーダーをなくす */
	.osare5-table tbody tr:last-child th,
	.osare5-table tbody tr:last-child td {
	border-bottom:none !important;
	}

	/* 角丸 */
	.ue_maru2 {
		border-radius: 5px 5px 0 0;
	}
	.hidariue_maru {
		border-radius: 5px 0 0 0;
	}
	.hidarishita_maru {
		border-radius: 0 0 0 5px;
	}
	.migishita_maru {
		border-radius: 0 0 5px 0;
	}
	
	/* スマホ調整 */
	@media (max-width: 767px) {
		.osare5-table thead th,
		.osare5-table tbody th {
			padding:0;
		}
		.osare5-table tfoot td {
		padding:0;
		font-size:0.9em;
		}
	.osare5-table tfoot td:nth-child(2) {
		font-size:1em;
		}
	}

	.blue_price {
		color: #257DA8;
	}

	/* お得な料金 */
	.example_price {
		margin-left: 50px;
		font-size: 9.5vw;
		font-weight: 700;
		position: relative;
		margin-top: -15px;
		z-index: 10;
		display: inline-block;
		white-space: nowrap;
	}
	.example_price_box {
		text-align:center;
	}

	.example_price::before {
		content: "";
		width: 57px;
		height: 47px;
		background: url(../img/yubi.png) center top / 100% no-repeat;
		position: absolute;
		bottom: 0px;
		left: 4px;
		transform: translateX(-100%);
	}
	.example_price::after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 14px #FFEE1D;
		bottom: 0px;
		width: 100%;
		z-index: -1;
		transform: skewX(-45deg);
	}
	.example_price .price_red{
		color: #EF3257;
	}
	.example_price .price_sm{
		font-size: 0.75em;
	}
}




/* ================================================================================

	タイヤ交換の流れ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_flow {
		padding: 120px 10px;
		background-color: #EFF8FF;
	}
	.top_flow_content {
		margin-top: 50px;
	}
	.top_flow_item:not(:last-child) {
		margin-right: 30px;
	}
	.flow_item_title {
		font-size: 1.25em;
		color: #257DA8;
		text-align: center;
	}
	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_flow {
		padding: 60px 10px;
		background-color: #EFF8FF;
	}
	.top_flow_content {
		margin-top: 30px;
	}
	.top_flow_item:not(:last-child) {
		margin-bottom: 30px;
	}
	.flow_item_title {
		font-size: 5.33vw;
		color: #257DA8;
		text-align: center;
	}
}




/* ================================================================================

	タイヤ交換実績

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.top_achievements {
		padding: 120px 20px;
	}
	.top_achievements_content {
		max-width: 1080px;
		margin: 0 auto;
		margin-top: 50px;
	}
	.blog_carousel {
		display: flex;
		align-items: flex-start;
	}

	.blog_carousel li{
		min-width: 300px;
	}

	.blog_carousel li:not(:last-child) {
		margin-right: 30px;
	}
	.blog_carousel li .post_title {
		margin-top: 20px;
	}
	.blog_carousel li a {
		color: #151515;
		font-weight: 500;
	}

	
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.top_achievements {
		padding: 60px 20px;
	}
	.top_achievements_content {
		max-width: 1080px;
		margin: 0 auto;
		margin-top: 20px;
	}
	.blog_carousel li{
		min-width: 300px;
		margin: 0 auto;
	}

	.blog_carousel li:not(:last-child) {
		margin-bottom: 30px;
	}
	.blog_carousel li .post_title {
		margin-top: 10px;
	}
	.blog_carousel li a {
		color: #151515;
		font-weight: 500;
	}
}




/* ================================================================================

	お問い合わせ

================================================================================ */


/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.contact_section {
		background: url(../img/contact_bc.png) center top / cover no-repeat;
		padding: 120px 10px;
	}
	.contact_section_content {
		max-width: 900px;
		width: 90%;
		border: 2px solid #fff;
		padding: 60px 20px;
		margin: 0 auto;
		color: #fff;
		text-align: center;
	}
	.contact_section_izumi {
		font-size: 1.875em;
		font-weight: 700;
		margin-bottom: -10px !important;
	}
	.contact_num {
		font-size: 2.875em;
		font-weight: 700;
		color: #fff;
		position: relative;
	}
	.contact_num::before {
		position: absolute;
		content: "";
		width: 50px;
		height: 50px;
		left: -10px;
		top: 50%;
		transform: translate(-100%, -43%);
		background: url(../img/tel_icon.png) center top / 100% no-repeat;
	}
	.contact_time {
		margin-top: -10px !important;
	}
	.contact_section_text {
		margin-top: 20px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.contact_section {
		background: url(../img/contact_bc.png) center top / cover no-repeat;
		padding: 60px 10px;
	}
	.contact_section_content {
		max-width: 900px;
		width: 90%;
		border: 2px solid #fff;
		padding: 40px 10px;
		margin: 0 auto;
		color: #fff;
		text-align: center;
	}
	.contact_section_izumi {
		font-size: 6vw;
		font-weight: 700;
		margin-bottom: -10px !important;
	}
	.contact_num {
		font-size: 8vw;
		font-weight: 700;
		color: #fff;
		position: relative;
		padding-left: 20px;
	}
	.contact_num::before {
		position: absolute;
		content: "";
		width: 30px;
		height: 30px;
		left: 15px;
		top: 50%;
		transform: translate(-100%, -43%);
		background: url(../img/tel_icon.png) center top / 100% no-repeat;
	}
	.contact_time {
		margin-top: -5px !important;
	}
	.contact_section_text {
		margin-top: 0px;
	}
}