@charset "UTF-8";
/*
Theme Name: 資源市場　タイヤ買取
*/
/*-----------------------------------------
default
-----------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
html {
	/*-----------------------------------------
	ゴシック主体の場合
	-----------------------------------------*/
	font-family: "Noto Sans JP", sans-serif!important;
	color: #222222;
	font-size: 14px;
}
body {
	-webkit-text-size-adjust: 100%;
}
.en {
	font-family: "Inter", sans-serif;
}
.pop {
	font-family: "Mochiy Pop P One", sans-serif;
}
a {
	transition: 0.1s linear all;
	color: #222;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.7;
}
li {
	list-style-type: none;
}
p, th, td, li, dt, dd {
	line-height: 1.8em;
	font-size: 14px;
}
tbody {
	-webkit-text-size-adjust: 100%;
}
img {
	border: none !important;
	height: auto;
}
/* 文字装飾 */
.regular {
	font-weight: 400;
}
.medium {
	font-weight: 500;
}
.semibold {
	font-weight: 600;
}
.bold {
	font-weight: 700;
}
.exbold {
	font-weight: 900;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.italic {
	font-style: italic;
}
.white {
	color: #fff;
}
.black {
	color: #222;
}
.gray {
	color: #D9D9D9;
}
.green{
	color: #45B035;
}
.orange{
	color: #FF9500;
}
.gra{
	background: linear-gradient(180deg, #f09819 0%, #ff512f 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}
.yellow{
	color: #FFF100;
}
.red{
	color: #C8161D;
}
.deepgreen{
	color: #016636;
}
.line{
	color: #06C755;
}
/* 背景 */
.bg_white {
	background: white;
}
.bg_black {
	background: #222;
}
.bg_gray {
	background: #d9d9d9;
}
.bg_gra {
	background: linear-gradient(90deg, rgba(240, 152, 25, 1) 0%, rgba(255, 81, 47, 1) 100%);
}
.bg_yellow{
	background: #FFF100;
}
.bg_deepgreen{
	background: #016636; 
}
.bg_red{
	background: #C8161D;
}
/* 文字サイズ */
.size10 {
	font-size: 10px;
}
.size12 {
	font-size: 12px;
}
.size14 {
	font-size: 14px;
}
.size15 {
	font-size: 15px;
}
.size16 {
	font-size: 16px;
}
.size17 {
	font-size: 17px;
}
.size18 {
	font-size: 18px;
}
.size19 {
	font-size: 19px;
}
.size20 {
	font-size: 20px;
}
.size21 {
	font-size: 21px;
}
.size24 {
	font-size: 24px;
}
.size27 {
	font-size: 27px;
}
.size29 {
	font-size: 29px;
}
.size31 {
	font-size: 31px;
}
.size32 {
	font-size: 32px;
}
.size37 {
	font-size: 37px;
}
.indent {
	text-indent: -1em;
	padding-left: 1em;
	display: inline-block;
}
.flex{
	display: flex!important;
}
.sp,.w-640,.w-896{
	display: none;
}
.pc{
	display: inline;
}
.h2{
	display: inline-block;
}
/*-----------------------------------------
common
-----------------------------------------*/
.wrapper {
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}
.wrapper main {
	display: block;
}
.wrapper article {
	width: 100%;
	margin: 0 auto;
}
.wrapper .section {
	width: 100%;
}
.wrapper div.section{
	overflow: hidden;
}
.wrapper .section .section_inner {
	width: 1280px;
	max-width: 90%;
	margin: 75px auto;
}
.wrapper article {
	position: relative;
}
.fadein {
	opacity: 0;
	transform: translate(0, 0);
	transition: all 2.5s;
}
.scrollin{
	opacity: 1 !important;
	transform: translate(0, 0) !important;
}
/*-----------------------------------------
header
-----------------------------------------*/
.wrapper header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	transition: 0.5s;
	height: 60px;
	padding: 10px 0 25px;
	background: #fff;
	/*backdrop-filter: blur(20px);*/
}
.wrapper header .header_inner {
	width: 1680px;
	max-width: 98%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
}
.wrapper header .header_inner .header_left h1{
	margin-bottom: 6px;
	opacity: 0.8;
}
.wrapper header .header_inner .header_right .tel a{
	position: relative;
}
.wrapper header .header_inner .header_right .tel a::before{
	content: "";
	display: block;
	background: url(./images/common/tel_icon.svg) no-repeat;
	width: 22px;
	height: 22px;
	position: absolute;
	left: -26px;
	top: 9px;
}
.wrapper header .header_inner .header_right{
	gap: 20px;
	align-items: center;
}
.wrapper .line a{
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	background: url(./images/common/line_bg.webp) no-repeat center;
	width: 190px;	
	height: 43px;
	display: block;
	padding: 10px 0 10px 68px;
	position: relative;
	box-shadow: 2px 2px 3px 0px rgba(140, 71, 7, 0.3);
	border-radius: 4px;
	transition: 0.2s linear all;
}
.wrapper .line a:hover{
	background: url(./images/common/line_bg2.webp) no-repeat center;
	color: #06C755;
}
.wrapper .line a::before{
	content: "";
	display: block;
	background: url(./images/common/icon01.svg) no-repeat center;
	width: 39px;
	height: 39px;
	position: absolute;
	left: 20px;
	top: 12px;
}
.wrapper .line a:hover::before{
	background: url(./images/common/icon02.svg) no-repeat center;
}
.wrapper .line a::after{
	content: "";
	display: block;
	width: 0;
    height: 0;
    border-style: solid;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 13px solid #ffffff;
    border-right: 0;
	position: absolute;
	right: 13px;
	top: 26px;
}
.wrapper .line a:hover::after{
	border-left: 13px solid #06C755;
}
/*-----------------------------------------
footer
-----------------------------------------*/
.wrapper footer div.center{
	padding: 42px 0;
}
.wrapper footer p.copyright{
	height: 40px;
	line-height: 40px;
}
.pagetop {
	position: fixed;
	right: 22px;
	bottom: 80px;
	display: none;
	z-index: 9999;
}
.pagetop a {
	padding: 18px;
	background: #45B035;
	display: block;
	width: 100%;
	border-radius: 50%;
	box-sizing:border-box;
}
.pagetop a:hover {
	opacity: 0.7;
}
.pagebottom{
	position: fixed;
	display: none;
	right: 0;
	bottom: 0;
	width: 100%;
	background: #FFF100;
	z-index: 9999;
	opacity: 0;
}
.pagebottom .section_inner{
	margin: 10px 0!important;
	max-width: 100%!important;
}
.pagebottom .section_inner .line{
	margin: 0 auto;
	width: 258px;
}
/*-----------------------------------------
mainimg
-----------------------------------------*/
.wrapper .mainimg{
	background: url(./images/top/mainimg_bg.webp) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 560px;
	margin-top: 95px;
	position: relative;
	z-index: -1;
}
.wrapper .mainimg .main_txt{
	padding-top: 87px;
	z-index: 1;
}
.wrapper .mainimg .main_img{
	position: absolute;
	bottom: 0;
	width: 100%;
	justify-content: space-between;
	z-index: -1;
}
.wrapper .mainimg .main_txt .main_list{
	justify-content: center;
	gap: 28px;
}
.wrapper .mainimg .main_txt .main_list li{
	background: url(./images/top/hukidashi.svg) no-repeat center;
	width: 147px;
	height: 120px;
	line-height: 1.1;
	padding-top: 43px;
}
.wrapper .mainimg .main_txt .main_list li:first-child{
	padding-top: 33px;
}
.wrapper .mainimg .sub_copy{
	width: 236px;
	height: 236px;
	background: url(./images/top/yellow_bg.svg) no-repeat;
	rotate: 6deg;
	position: absolute;
	top: 20px;
	right: 20px;
	padding-top: 38px;
	padding-left: 8px;
	z-index: -1;
}
.wrapper .mainimg .sub_copy p.bg_gra{
	width: fit-content;
	margin: 0 auto;
	padding: 0 10px;
}
.wrapper .mainimg .sub_copy p.size17{
	line-height: 1.3;
}
/*-----------------------------------------
top
-----------------------------------------*/
.wrapper .section.sec01{
	background: url(./images/top/sec01_bg.webp) no-repeat;
	background-size: cover;
	position: relative;
	z-index: 0;
	
}
.wrapper .section.sec01 .section_inner{
	margin: 75px auto 45px;
}
.wrapper .section.sec01 .section_inner .sec01_list{
	max-width: 630px;
	margin: 0 auto;
}
.wrapper .section.sec01 .section_inner .sec01_list li{
	background: #57CD46;
	position: relative;
	display: flex;
	align-items: center;
	padding: 6px 0 6px 64px;
	margin-bottom: 12px;
	box-shadow: 5px 5px 3px 0px rgba(34, 34, 34, 0.2);
 }
.wrapper .section.sec01 .section_inner .sec01_list li::before{
	content: "";
	display: block;
	background: url(./images/top/check.svg) no-repeat;
	width: 25px;
	height: 22px;
	position: absolute;
	left: 24px;
	top: 19px;
}
.wrapper .section.sec01 .section_inner .img_copy{
	position: relative;
	margin-top: 32px;
}
.wrapper .section.sec01 .section_inner .img_copy::before{
	content: "";
	display: block;
	background: url(./images/top/bg01.svg) no-repeat;
	width: 120px;
	height: 80px;
	position: absolute;
	left: 216px;
	top: -22px;
}
.wrapper .section.sec01 .section_inner .img_copy::after{
	content: "";
	display: block;
	background: url(./images/top/bg02.webp) no-repeat center;
	position: absolute;
	width: 273px;
	height: 306px;
	z-index: -1;
	top: -88px;
	right: 80px;
}
.wrapper .section.sec02 .section_inner{
	position: relative;
}
.wrapper .section.sec02 .section_inner::before{
	content: "";
	display: block;
	width: 0;
    height: 0;
    border-style: solid;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    border-top: 64px solid #e7f9c9;
    border-bottom: 0;
	position: absolute;
	top: -75px;
	left: 44%;
}
.wrapper .section.sec03{
	background: url(./images/top/sec03_bg.webp) no-repeat;
	background-size: cover;
}
.wrapper .section.sec03 .section_inner{
	margin: 75px auto 0;
}
.wrapper .section.sec03 .section_inner .sec03_list{
	gap: 58px;
	justify-content: center;
	margin-top: 50px;
}
.wrapper .section.sec03 .section_inner .sec03_list li{
	position: relative;
	z-index: 0;
	opacity: 0;
    transform: translateY(20px); 
    transition: opacity 1s, transform 1s;
}
.wrapper .section.sec03 .section_inner .sec03_list li.fade-in {
	opacity: 1;
    transform: translateY(0);
}
.wrapper .section.sec03 .section_inner .sec03_list li .txt{
	rotate: -9deg;
}
.wrapper .section.sec03 .section_inner .sec03_list li .img{
	position: relative;
	z-index: -1;
	top: -76px;
}
.wrapper .section.sec03 .section_inner .sec03_list li p.bg_black{
	width: fit-content;
	margin: 0 auto;
	border-radius: 2px;
	padding: 0 12px;
	line-height: 1.4;
}
.wrapper .section.sec03 .section_inner .sec03_list li p.bg_black:first-of-type{
	margin-bottom: 8px;
}
.wrapper section.cta{
	background: url(./images/top/cta_bg.webp) no-repeat;
	background-size: cover;
	position: relative;
}
.wrapper section.cta .section_inner{
	margin: 0 auto;
	padding: 45px 0;
	z-index: 1;
	position: relative;
}
.wrapper section.cta::after{
	content: "";
	display: block;
	background: url(./images/top/cta_img.webp) no-repeat;
	width: 470px;
	height: 366px;
	position: absolute;
	right: 100px;
	bottom: 0;
	z-index: 0;
}
.wrapper section.cta .flex{
	gap: 28px;
	justify-content: center;
	align-items: center;
	height: 100px;
}
.wrapper section.cta .flex .txt p{
	line-height: 1.2;
}
.wrapper section.cta .flex .QR{
	margin-left: 24px;
}
.wrapper section.cta h3{
	margin-left: 175px;
	margin-bottom: 20px;
}
.wrapper section.cta p.bg_yellow{
	border: 1px solid #000;
	padding: 0 10px;
}
.wrapper section.cta p.bg_yellow:first-of-type{
	margin-bottom: 6px;
}
.wrapper section.cta .btn{
	width: 457px;
}
.wrapper section.cta .btn a{
	display: block;
	border-radius: 60px;
	position: relative;
	top: 0;
	box-shadow: 0px 7px 0px 0px rgba(34, 34, 34, 1);
}
.wrapper section.cta .btn a:hover{
	opacity: 1;
	top: 7px;
	box-shadow: 0px 0px 0px 0px rgba(34, 34, 34, 1);;
}
.wrapper section.cta .flex.line_btn{
	gap: 5px;
}
.wrapper .section.sec04{
	background: url(./images/top/sec04_bg.webp) no-repeat;
	background-size: cover;
}
.wrapper .section.sec04 .section_inner{
	position: relative;
	z-index: 0;
}
.wrapper .section.sec04 .section_inner .bg .tire01{
	top: 165px;
	right: -200px;
	position: absolute;
	z-index: -2;
}
.wrapper .section.sec04 .section_inner .bg .tire02{
	top: 548px;
	left: -195px;
	position: absolute;
	z-index: -2;
}
.wrapper .section.sec04 .section_inner .bg .tire03{
	bottom: -32px;
	right: -64px;
	position: absolute;
	z-index: -2;
}
.wrapper .section.sec04 .section_inner h3{
	position: relative;
	max-width: 910px;
	margin: 0 auto;
}
.wrapper .section.sec04 .section_inner h3::before{
	content: "";
	display: block;
	background: url(./images/top/tire.webp) no-repeat;
	position: absolute;
	left: -45px;
	width: 412px;
	height: 403px;
	top: -31px;
}
.wrapper .section.sec04 .section_inner .sec04_content{
	padding: 74px 74px 45px 74px;
	border: 8px solid #C8161D;
	max-width: 760px;
	margin: 0 auto;
	position: relative;
	z-index: -1;
}
.wrapper .section.sec04 .section_inner .sec04_content h4{
	height: 40px;
	line-height: 40px;
	margin-bottom: 20px;
}
.wrapper .section.sec04 .section_inner .sec04_content p{
	margin-top: 30px;
}
.wrapper .section.sec04 .section_inner .sec04_list{
	gap: 18px;
	justify-content: center;
	margin-top: 40px;
}
.wrapper .section.sec04 .section_inner .sec04_list li{
	background: url(./images/top/sec04_listbg.webp) no-repeat center;
	width: 267px;
	height: 124px;
	padding-top: 48px;
}
.wrapper .section.sec04 .section_inner .sec04_list li p{
	rotate: -4deg;
	padding-top: 5px;
}
.wrapper .section.sec05{
	background: #E7F9C9;
}
.wrapper .section.sec05 .section_inner .bg_white{
	max-width: 792px;
	padding: 16px 28px;
	margin: 32px auto;
}
.wrapper .section.sec05 .section_inner p.size18{
	max-width: 770px;
	margin: 0 auto;
}
.wrapper .section.sec05 .section_inner p.size18 a:hover{
	text-decoration: underline;
	opacity: 1;
}
.wrapper .section.sec05 .section_inner .gift{
	background: url(./images/top/gift_bg.webp) no-repeat;
	width: 732px;
	margin: 30px auto 0;
	height: 154px;
	padding: 40px 0 20px;
	position: relative;
}
.wrapper .section.sec05 .section_inner .gift p{
	line-height: 1.4;
}
.wrapper .section.sec05 .section_inner .gift .img{
	position: relative;
	top: 3px;
}
.wrapper .section.sec05 .section_inner .gift::after{
	display: block;
	background: url(./images/top/sec05_bg.webp) no-repeat;
	position: absolute;
	width: 244px;
	height: 270px;
	left: -49px;
	bottom: -95px;
}
.wrapper .section.sec06{
	background: url(./images/top/sec06_bg.webp) no-repeat;
	background-size: cover;
}
.wrapper .section.sec06 .section_inner .sec06_list{
	justify-content: center;
	gap: 32px;
	margin-bottom: 20px;
}
.wrapper .section.sec06 .section_inner .sec06_list li p.bg_white{
	padding: 0 5px;
	margin-right: 12px;
}
.wrapper .section.sec06 .section_inner .map img{
	box-shadow: 7px 7px 0px 0px rgba(69, 176, 53, 1);
}
.wrapper .section.sec06 .section_inner .map_btn{
	width: 240px;
	margin: 32px auto 0;
}
.wrapper .section.sec06 .section_inner .map_btn a{
	display: block;
	border-radius: 4px;
	position: relative;
	background: #fff;
	padding: 15px 0 15px 28px;
	box-shadow: 0px 4px 0px 0px rgba(217, 217, 217, 1);
	top: 0;
}
.wrapper .section.sec06 .section_inner .map_btn a:hover{
	top: 4px;
	box-shadow: 0px 0px 0px 0px rgba(217, 217, 217, 1);
	opacity: 1;
}
.wrapper .section.sec06 .section_inner .map_btn a::before{
	content: "";
	display: block;
	background: url(./images/top/google.svg) no-repeat;
	width: 54px;
	height: 41px;
	position: absolute;
	left: 6px;
	top: 2px;
}
/*-----------------------------------------
404
-----------------------------------------*/

@media screen and (max-width: 1300px) {
/*-----------------------------------------
top
-----------------------------------------*/
.wrapper .mainimg .main_img .left_img{
	position: relative;
	left: -130px;
}
.wrapper .mainimg .sub_copy{
	right: 116px;
}
.wrapper .section.sec01 .section_inner .img_copy::after{
		right: 5px;
	}
.wrapper .section.sec01 .section_inner .img_copy::before{
		left: 116px;
	}
}
@media screen and (max-width: 1180px) {
	.wrapper .mainimg .main_img{
		justify-content: center;
	}
	.wrapper .mainimg .main_img .left_img{
		left: 0;
	}
	.wrapper .mainimg .main_txt{
		padding-top: 148px;
	}
	.wrapper .mainimg .main_txt h2 img{
		width: 55%;
	}
	.wrapper .mainimg .sub_copy{
		right: 198px;
	}
	.wrapper .section.sec03 .section_inner .sec03_list li img{
		width: 100%;
	}
}
@media screen and (max-width: 1024px) {
	.wrapper .mainimg .sub_copy{
		right: 118px;
	}
	.wrapper .section.sec01 .section_inner .sec01_list{
		position: relative;
		z-index: 1;
	}
	.wrapper .section.sec01 .section_inner .img_copy::after{
		right: -46px;
	}
	.wrapper .section.sec01 .section_inner .img_copy::before{
		left: 27px;
	}
}
@media screen and (max-width: 896px) {
	.pc{
		display: none;
	}
	.sp.w-896{
	    display: block;
	}
	.size32{
		font-size: 27px;
	}
	.wrapper header .header_inner{
		width: 94%;
	}
	.wrapper header .header_inner .header_left .logo_img img{
		width: 63%;
	}
	.wrapper header .header_inner .header_left h1{
		font-size: 9px;
	}
	.wrapper header .header_inner .header_right{
		gap: 9px;
		margin-top: 15px;
		align-items: center;
	}
	.wrapper header .header_inner .header_right .tel a::before{
		left: -26px;
		top: 2px;
	}
	.wrapper header .header_inner .header_right .line a{
		width: 153px;
		height: auto;
		padding: 10px 0 10px 40px;
		background-size: cover;
		font-size: 14px;
	}
	.wrapper header .header_inner .header_right .tel a{
		font-size: 21px;
	}
	.wrapper header .header_inner .header_right .line a::before{
		left: 4px;
		background-size: 56%;
		top: 5px;
	}
	.wrapper header .header_inner .header_right .line a:hover::before{
		background-size: 56%;
	}
	.wrapper header .header_inner .header_right .line a::after{
		right: 13px;
		top: 20px;
	}
	.wrapper .mainimg .main_img .left_img{
		left: 200px;
		top: 10px;
	}
	.wrapper .mainimg .main_img .right_img{
		position: relative;
		right: 64px;
	}
	.wrapper .mainimg .main_txt h2 img{
		width: 70%;
	}
	.wrapper .mainimg .main_txt{
		padding-top: 156px;
	}
	.wrapper .mainimg .sub_copy{
		right: 71px;
		top: 6px;
	}
	.wrapper .mainimg .sub_copy p.size17 span{
		font-size: 21px;
	}
	.wrapper .section.sec01 .section_inner .img_copy img{
		width: 73%;
	}
	.wrapper .section.sec01 .section_inner .img_copy::after{
		background-size: 65%;
		right: -83px;
	}
	.wrapper .section.sec02 .section_inner iframe{
		width: 100%;
	}
	.wrapper .section.sec03 .section_inner .sec03_list li p.bg_black{
		font-size: 21px;
	}
	.wrapper .section.sec03 .section_inner .sec03_list{
		gap: 23px;
	}
	.wrapper .section.sec04 .section_inner h3::before{
		background-size: 90%;
	}
	.wrapper .section.sec04 .section_inner h3 img{
		width: 55%;
	}
	.wrapper .section.sec04 .section_inner .sec04_content .sec04_img img{
		width: 100%;
	}
	.wrapper .section.sec04 .section_inner .sec04_list{
		flex-wrap: wrap;
		margin-top: 20px;
		gap: 5px;
	}
	.wrapper .section.sec04 .section_inner .sec04_list li{
		padding-top: 48px;
		height: 74px;
	}
	.wrapper .section.sec04 .section_inner .sec04_list li p{
		position: relative;
		top: -12px;
		line-height: 1.4;
		padding-top: 0;
	}
	.wrapper .section.sec04 .section_inner .bg .tire03{
		right: -186px;
	}
	.wrapper section.cta h3{
		margin-left: 0;
		margin-bottom: 0;
	}
	.wrapper section.cta p.bg_yellow:first-of-type{
		font-size: 18px;
	}
	.wrapper section.cta .flex.line_btn{
		justify-content: center;
		gap: 0;
	}
	.wrapper section.cta .flex .txt p{
		font-size: 17px;
		padding: 10px;
	}
	.wrapper section.cta .flex .QR{
		margin-left: 0;
	}
	.wrapper section.cta::after{
		right: -130px;
		bottom: -73px;
		background-size: 80%;
	}
	.wrapper section.cta .btn{
		width: 384px;
	}
	.wrapper .section.sec05 p.scrollin img{
		width: 100%;
	}
	.wrapper .section.sec05 .section_inner p.size18{
		max-width: 100%;
		font-size: 16px;
	}
	.wrapper section.cta .flex{
		height: 114px;
	}
}
@media screen and (max-width: 640px) {
	.w-640{
		display: inline-block;
	}
	.h2{
		display: none;
	}
	.size32 {
		font-size: 20px;
	}
	.pagetop {
		bottom: 100px;
	}
	.pagebottom{
		opacity: 1;
	}
	.wrapper .mainimg{
		height: 580px;
		margin-top: 85px;
	}
	.wrapper header{
		height: 50px;
		padding: 10px 0 25px;
	}
	.wrapper header .header_inner .header_left h1{
		width: 150px;
        border-collapse: collapse;
        white-space: nowrap;
        overflow: scroll;
	}
	.wrapper header .header_inner .header_right .tel p.tel_txt{
		font-size: 12px;
		line-height: 1.5;
	}
	.wrapper header .header_inner .header_right{
		width: 47%;
		margin-top: 7px;
	}
	.wrapper header .header_inner .header_right .tel a::before{
		background-size: 85%;
	}
	.wrapper .mainimg .main_txt{
		padding-top: 166px;
	}
	.wrapper .mainimg .main_txt h2 img{
		width: 94%;
	}
	.wrapper .mainimg .main_txt .main_list{
		gap: 11px;
		margin-top: 10px;
		flex-wrap: wrap;
	}
	.wrapper .mainimg .main_txt .main_list li:first-child{
		padding-top: 15px;
		height: 117px;
	}
	.wrapper .mainimg .main_txt .main_list li{
		height: 96px;
		padding-top: 23px;
	}
	.wrapper .mainimg .sub_copy{
		right: 59px;
		top: 2px;
		background-size: 95%;
		width: 214px;
		padding-left: 0;
	}
	.wrapper .mainimg .sub_copy p.bg_gra{
		padding: 0 10px;
		font-size: 16px;
	}
	.wrapper .mainimg .sub_copy p.size15{
		font-size: 13px;
	}
	.wrapper .mainimg .sub_copy p.size17{
		font-size: 14px;
	}
	.wrapper .mainimg .sub_copy p.size17 span{
		font-size: 17px;
	}
	.wrapper .mainimg .main_img .left_img{
		left: 0;
		top: -400px;
	}
	.wrapper .mainimg .main_img .left_img img,.wrapper .mainimg .main_img .right_img img{
		width: 100%;
	}
	.wrapper .mainimg .main_img .right_img{
		right: -64px;
		top: -397px;
	}
	.wrapper .section .section_inner{
		margin: 45px auto;
	}
	.wrapper .section.sec01 .section_inner{
		margin: 45px auto 75px;
	}
	.wrapper .section.sec01 .section_inner .sec01_list li{
		padding: 6px 0 6px 32px;
		font-size: 14px;
	}
	.wrapper .section.sec01 .section_inner .sec01_list li img{
		width: 15%;
	}
	.wrapper .section.sec01 .section_inner .sec01_list li:nth-child(2) img{
		width: 29%;
	}
	.wrapper .section.sec01 .section_inner .sec01_list li::before{
		background-size: 50%;
		left: 11px;
		top: 15px;
	}
	.wrapper .section.sec01 .section_inner .img_copy::before{
		background-size: 45%;
		left: 13px;
		top: -14px;
	}
	.wrapper .section.sec01 .section_inner .img_copy::after{
		top: -105px;
		background-size: 54%;
		right: -120px;
	}
	.wrapper .section.sec02 .section_inner::before{
		left: 34%;
	}
	.wrapper .section.sec02 .section_inner iframe{
		height: 190px;
	}
	.wrapper .section.sec02 .section_inner{
		margin: 75px auto 45px;
	}
	.wrapper .section.sec03 .section_inner p.size18{
		font-size: 15px;
	}
	.wrapper .section.sec03 .section_inner{
		margin: 45px auto;
	}
	.wrapper .section.sec03 .section_inner .sec03_list{
		gap: 12px;
		flex-wrap: wrap;
	}
	.wrapper .section.sec03 .section_inner .sec03_list li{
		width: 45%;
		height: 175px;
	}
	.wrapper section.cta .section_inner{
		padding: 45px 0 350px;
	}
	.wrapper section.cta .section_inner h3 img{
		width: 100%;
	}
	.wrapper section.cta .flex{
		flex-wrap: wrap;
	}
	.wrapper section.cta .flex .txt p.line{
		font-size: 15px;
		padding: 0;
	}
	.wrapper section.cta::after{
		right: -194px;
		bottom: -146px;
		background-size: 60%;
	}
	.wrapper .section.sec04 .section_inner h3::before{
		background-size: 47%;
	}
	.wrapper .section.sec04 .section_inner .sec04_content{
		padding: 24px 24px 32px 24px;
	}
	.wrapper .section.sec04 .section_inner .sec04_list{
		gap: 0;
	}
	.wrapper .section.sec04 .section_inner .bg img{
		width: 50%;
	}
	.wrapper .section.sec04 .section_inner .bg .tire01{
		width: 100%;
		top: -129px;
		right: -258px;
	}
	.wrapper .section.sec04 .section_inner .bg .tire02{
		width: 100%;
		left: -50px;
	}
	.wrapper .section.sec04 .section_inner .bg .tire03{
		width: 100%;
		right: -220px;
	}
	.wrapper .section.sec05 .section_inner p.size24{
		font-size: 21px;
	}
	.wrapper .section.sec05 .section_inner h3 img{
		width: 100%;
	}
	.wrapper .section.sec05 .section_inner p.size18{
		font-size: 14px;
	}
	.wrapper .section.sec06 .section_inner .sec06_list{
		flex-wrap: wrap;
		gap: 10px;
		justify-content: flex-start;
	}
	.wrapper .section.sec06 .section_inner .map img{
		width: 100%;
	}
	.wrapper .section.sec05 .section_inner .gift{
		background: url(./images/top/gift_bgsp.webp) no-repeat;
		background-size: cover;
		height: 200px;
		width: 83%;
		padding: 64px 20px 0px 40px;
	}
	.wrapper .line a:hover{
		background-size: cover;
	}
	.wrapper .section.sec05 .section_inner .gift .img img{
		width: 100%;
	}
	.wrapper .section.sec05 .section_inner .gift::after{
		background-size: 75%;
		bottom: -127px;
	}
	.wrapper .section.sec05 .section_inner .gift p{
		font-size: 16px;
	}
}