@charset "utf-8";
/* フォントNoto Sans */
body {
    font-family: 'Noto Sans JP', sans-serif;
}
/* 背景色 */
.back_FFF578{background:#FFF578;}
.back_E4F4FD{background:#E4F4FD;}
.back_F7B52C{background:#F7B52C;}
.back_042E7A{background:#042E7A;}
.back_0068B7{background:#0068B7;}

/* 文字色 */
.colo_0068B7 {color: #0068B7;}
.colo_4D4D4D {color: #4D4D4D;}

#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09,
#top10,
#top11,
#top12,
#top13,
#top14,
#top15,
#top16,
#top17{
	width:94%;
	margin:0 auto;
	text-align:left;
	padding:1em 0;
}
@media (min-width : 768px) {
    #top01,
    #top02,
    #top03,
    #top04,
    #top05,
    #top06,
    #top07,
    #top08,
    #top09,
    #top10,
    #top11,
    #top12,
    #top13,
    #top14,
    #top15,
    #top16,
    #top17{ 
    width:96%;
    padding: 2em 0; 
}
}

@media (min-width : 1200px) {
#top01,
#top02,
#top03,
#top04,
#top05,
#top06,
#top07,
#top08,
#top09,
#top10,
#top11,
#top12,
#top13,
#top14,
#top15,
#top16,
#top17{ max-width:1200px; padding:40px 0; }

}
/*==========================
	LPヘッダー
=========================***/
.head-lp{
	box-sizing: border-box;
	width: 100%;
    box-shadow: 4px 4px 5px rgb(0,0,0,.5);
	/* max-width: 1600px; */
	margin: 0 auto;
	background: #FFFFFF;
	position: fixed;
	z-index: 50;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lp_head_logo {
    width: 40%;
    padding: 10px;
}
.lp_head_logo>a>img {
    max-width: 230px;
}
.head-lp>ul {
    width: 55%;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    padding: 10px;
}
.head-lp>ul>li {
    width: 100%;
    max-width: 130px;
}
.lp_head_imgsp {
    max-width: 130px;
}
.lp_head_imgpc {
    max-width: 210px;
}

@media (min-width : 1200px) {

.disp_pt { display:block; }/*PC時だけ表示*/
.disp_st { display:none; }/*スマホ時とタブレット時表示*/

.head-lp{
    align-items: flex-start;
}
.lp_head_logo {
    width: 40%;
    padding: 15px 20px 10px;
}
.head-lp>ul {
    padding: 0px 10px 10px;
}
.head-lp>ul>li {
    max-width: 210px;
}



/***  ページTOP  ***/
#page_tops {
	/* position: fixed; */
	display:block;
	width:auto;
	z-index:50;
}
}

/*==========================
	LPメインビジュアル
=========================***/
.title_block {
    position: static;
}
.lp_title_cont_img{
	margin:-6em auto 0;
}
.title_cont_lp {
    background-image: url(../img/tire_lp/lp_bnr_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media (min-width : 1200px) {
.title_cont_lp {
    background-image: url(../img/tire_lp/lp_bnr_bg_pc.png);
}
}


/*==========================
	バナー/コンバージョンエリア
=========================***/
.lp_conv_block {
    margin:0 auto;
}
.cta_bg {
    position: relative;
}
.lp_conv_block_naka ,.lp_conv_block_naka_pc{
    position: absolute;
    width: 100%;
	bottom: 10px;
    left: 0;
}
.lp_conv_block_naka>ul ,.lp_conv_block_naka_pc>ul{
    display: flex;
    flex-direction: column;
	flex-wrap:wrap;
	width:100%;
	align-items: center;
	justify-content: center;
}
.lp_conv_block_naka>ul>li {
    width: 90%;
}

a.telLink0 {
    display: block;
}
.lp_conv_block_02 {
  background-image: linear-gradient(0deg, #F7B52C, #F7B52C 80%, transparent);
}

@media (min-width : 1200px) {
.lp_mv_cta{
	width:30%;
	margin:0;
	position: absolute;
	top: 20%;
	right: 3%;
}
.lp_mv_conv_block_naka{
    position: absolute;
    width: 90%;
    max-width: 440px;
    bottom: 2%;
    left: 5%;
}
.lp_conv_block_naka_pc {
	bottom: 20px;
}
.lp_conv_block_naka_pc>ul {
    flex-direction: row;
	flex-wrap:nowrap;
}
}


.area04_01block{
	position: relative;
	z-index: 7;
}
.area04_top01block {
    margin-top: -3.5rem;
}

.area04_01img img{
	width:100%;
}
.area04_01text{
	background: #FFFFFF;
	border-radius: 0 0 15px 15px;
	padding:0.5em 0.5em 1.5em 0.5em;
	box-sizing: border-box;
}

.area04_03>ul{
    justify-content: center;
}
.top01_shop {
    position: relative;
    padding-left: 4rem;
}
.top01_shop::before {
    content: '';
    position: absolute;
    background: url(../img/tire_lp/top01_icon.svg) no-repeat;
    background-size: contain;
    width: 38px;
    height: 30px;
    transform: translateX(-4rem);
}
.area04_03>ul>li{
	width:49%;
	margin:0 auto 1.5em ;
	background:#FFFFFF;
	border-radius:20px;
	line-height: 1.2;
}
.area04_01text>div>p:nth-child(1) {
    text-align: start;
}
@media (min-width : 768px) {
.area04_top01block {
    margin-top: -5rem;
}
.area04_01text{
	padding:1.5em;
}
	
.area04_03>ul>li{
	width:31.3333%;
	margin:0 1% 2em ;
}
.shop_flex>li {
    width: 31.3333%;
}
.top01_shop {
    padding-left: 25%;
}
.top01_shop::before {
    transform: translateX(-6rem);
}
.top01_shop::before {
    width: 62px;
    height: 50px;
}
}

.kumo_E4F4FD img,.kumo_9BD1E0 img{ 
	width:100%;
}
.kumo_E4F4FD, .kumo_9BD1E0{
	margin:0 auto;
}
.kumo_E4F4FD_mainasu{
	margin:-3rem auto 0;
	background: linear-gradient(transparent 2rem, #E4F4FD 0 2rem);
}
.kumo_E4F4FD_mainasu>h2 {
    position: relative;
    z-index: 10;
}
.kumo_9BD1E0_mainasu {
    margin:-3rem auto 0;
	background: linear-gradient(transparent 2rem, #9BD1E0 0 2rem);
}


.top03_01{
	width:100%;
	margin:-6rem auto 0;
}
.top03_01>ul{
	display: flex;
	flex-wrap: wrap;
    align-items: flex-end;
	width:100%;
}

.top03_01>ul>li:nth-child(1){
	width:100%;
}

.top03_01>ul>li:nth-child(2){
	width:100%;
	margin:2em 0 0 0;
}

.top03_01cate{
	text-align: center;
	margin:-2em 0 0 0;
}
.top03_01cate span{
	display: inline-block;
	background:#417CA5;
	border-radius: 50px;
	padding:0.5em 2em;
	color:#FFFFFF;
	font-weight: bold;
}

.top03_01area{
	margin:1em 0 0 0;
	background:#D7EBF2;
	border-radius: 20px;
	padding:1em 3em 2em;
	box-sizing: border-box;
}
.top03_sub02img {
    max-width: 400px;
    width: 80%;
}

@media (min-width : 768px) {
.kumo_E4F4FD_mainasu{
	margin:-5em auto 0;
	background: linear-gradient(transparent 5em, #E4F4FD 0 5em);
}
.kumo_9BD1E0_mainasu{
	margin:-5em auto 0;
	background: linear-gradient(transparent 5em, #9BD1E0 0 5em);
}
.top03_01{
	margin:-7rem auto 0;
}
.top03_01>ul{
    gap: 4rem;
    flex-wrap: nowrap;
    flex-direction: row;
}
.top03_01>ul>li:nth-child(1){
	/* width:50%; */
}

.top03_01>ul>li:nth-child(2){
	/* width:50%; */
	margin:0;
}
}

@media (min-width : 1200px) {
.kumo_E4F4FD_mainasu{
	margin:-13em auto 0;
	background: linear-gradient(transparent 12em, #E4F4FD 0 12em);
}
.kumo_9BD1E0_mainasu{
	margin:-13em auto 0;
	background: linear-gradient(transparent 12em, #9BD1E0 0 12em);
}
.top03_01 {
	width:83.3333%;
}
}


.top04_shoplist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}
.top04_shoplist>li {
    width: 70%;
    max-width: 350px;
}
.top04_shopbtn>a {
    margin: 0 auto;
    display: block;
    background: #fff;
    color: #000;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    position: relative;
    padding: 1em 2em 1em 1em;
    box-sizing: border-box;
    border-radius: 50px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}
.top04_shopbtn>a:hover{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.top04_shopbtn>a::after {
    content: "";
    background: url(../img/tire_lp/top04_icon.svg) no-repeat;
    width: 22px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translate(-50%, -50%);
}
.top04>p {
    text-align: center;
}

#top05>ul {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
}
#top05>ul>li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 1rem;
}
.top05_img{
   position: relative;
}
.top05_subimg {
    position: absolute;
    width: 65%;
    top: -2rem;
    left: -1rem;
}
.top05_img>img {
    max-width: 330px;
}
.top05_txt {
   width: 100%;
   max-width: 330px;
}

@media (min-width : 768px) {
#top05>ul>li {
    flex-direction: row;
    gap: 2rem;
}
.top05_subimg {
    width: 80%;
}

.top05_txt {
   width: 50%;
}
}


.loop {
    overflow: hidden;
    padding: 0;
    background: #fff;
}
.loop_box {
    display: flex;
    animation: scrollLoop 50s linear infinite;
    width: max-content;
}
.loop_box img {
    height: auto;
    max-height: 60px;
    width: auto;
    flex-shrink: 0;
}
@keyframes scrollLoop {
0% {
    transform: translateX(0);
}
100% {
    transform: translateX(-50%);
}
}

@media (min-width : 768px) {
.loop_box img {
    max-height: 80px;
}
}

.top07{
	width:100%;
	margin:-0.1em auto 0;
}
.top07_btn {
    width: 100%;
    display: flex;
    justify-content: center;
}
.top07_btn_inner {
    display: flex;
    justify-content: space-around;
    gap: 2rem;
    background-color: #e4eff2;
    padding: 1.5em 2em;
    box-sizing: border-box;
    border-radius: 50px;
    width: 80%;
    max-width: 680px;
    position: relative;
}
.top07_btn_inner::after {
    content: '';
	position: absolute;
	background:#0068B7;
	width:1px;
	height:64%;
	top:18%;
	left:calc(50% - 2px);
}
.top07_btn_inner>div>a {
    text-decoration: none;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
}

.top07_btn_inner>div>a:hover {
    filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
    text-decoration: underline;
}
.top07>ul{
	position: relative;
    width: 83.3333%;
    margin: 3rem auto 0;
    z-index: 1;
}
.top07>ul::after{
	content: '';
	position: absolute;
	background:#0068B7;
	width:4px;
	height:100%;
	top:0;
	left:calc(50% - 2px);
	z-index: -1;
}
.top07>ul>li{
	background:#FFFFFF;
	border-radius: 20px;
	border:#0068B7 4px solid;
	padding:1em 2em;
	margin:0 0 2em;
	box-sizing: border-box;
}
.top07_title{
	width:100%;
	margin:-2em 0 1em 0;
}

@media (min-width : 768px) {
.top07>div>img ,.top07>div>h3>img{
    margin: 0 auto;
}
.top07_title{
	width:30%;
	margin:-3.5em 0 1em 0;
}
.top07>ul>li{
	padding:2em 4em;
	margin:0 0 3em;
}
}

.top08_mainasu {
    margin:-2rem auto 0;
	background: linear-gradient(transparent 5rem, #042E7A 0 5rem);
}
.top08_mainasu>h2 {
    position: relative;
    z-index: 10;
} 
.top08_img>img {
    margin-top: -6rem;
}
.top08_txt {
    position: relative;
    top: 1rem;
}
.top08_inner {
    position: relative;
    z-index: 5;
}


@media (min-width : 768px) {
.top08_img>img {
    margin-top: -9rem;;
}
}

.top09_bg {
    position: relative;
}
.top09_bg::before {
    content: "";
    position: absolute;
    height: 15%;
    width: 100%;
    clip-path: polygon(50% 100%, 100% 0%, 0% 0%);
    background-color: #042E7A;
    top: -1px;
    left: 0;
    text-align: center;
    z-index: 5;
}
.top09_bg::after {
    content: '';
    background: url(../img/tire_lp/top09_bg.png) no-repeat bottom;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    mix-blend-mode: hard-light;
}
.top09_inner{
	width:100%;
	margin:0 auto;
    position:relative;
    z-index: 10;
}
.top09_title{
	margin:0em auto 1em;
}
.top09_txt {
 position: relative;
 z-index: 5;
 margin-top: -3rem;
 background-image: linear-gradient(0deg, #F7B52C, #F7B52C 80%, transparent);
}
.top09_txt_inner {
    width:80%;
    max-width: 700px;
	margin:0 auto;
	text-align:left;
	padding:2em 0;
}

@media (min-width : 768px) {
.top09_title{
	margin:2em auto 1em;
}
.top09_bg::before {
    height: 20%
}
.top09_bg::after {
    background: url(../img/tire_lp/top09_bg_pc.png) no-repeat bottom;
}
}
.nami_FFF578>img {
    width: 100%;
}
.nami_FFF578_mainasu{
	margin:-5em auto 0;
	background: linear-gradient(transparent 4.5em, #FFF578 0 4.5em);
    position: relative;
    z-index: 10;
}

.top10_inner>ul{
	display: flex;
    align-items: center;
	flex-wrap:wrap;
	width:100%;
	justify-content: center;
    position: relative;
    gap: 1rem;
}

.top10_inner>ul::after {
    content:'';
    position: absolute;
    border: 1px solid #e8d842;
    width: 100%;
    bottom: 0;
}
.top10_inner>ul:last-child::after {
    display: none;
}

.top10_inner>ul>li:nth-child(1){
	width:50%;
	margin:0 auto;
}

.top10_inner>ul>li:nth-child(2){
	width:100%;
	padding:0 1em;
	box-sizing: border-box;
}
@media (min-width : 768px) {
.top10_inner>ul>li:nth-child(1){
    width:30%;
    margin:0;
}

.top10_inner>ul>li:nth-child(2){
    width:65%;
    padding:0 0 0 2em;
    box-sizing: border-box;
}
}

@media (min-width : 1200px) {
.top10_inner>ul{
	width:83.3333%;
}
}
.top11_inner>p {
    max-width: 660px;
    margin: 0 auto;
}
.top11_inner>ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    max-width: 660px;
    margin: 0 auto;
}
.top11_inner>ul>li {
    width: 100%;
}
.top11_shop {
    display: inline-block;
    padding: 0.5em 2em;
    box-sizing: border-box;
    border-radius: 50px;
    background-color: #0068B7;
}
.top11_tel {
    width: 60%;
    max-width: 380px;
}
.top11_map_block {
    position: relative;
    padding-bottom: 55%;
    height: 0;
    overflow: hidden;
}
.top11_map_block>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.top11_area {
    display: flex;
    justify-content: center;
    width: 100%;
}
.top11_area>dt {
    width: 40%;
    padding: 1em;
    background-color: #c5dfea;
}
.top11_area>dd {
    width: 60%;
    padding: 1em;
    background-color: #fff;
    display: flex;
    align-items: center;
} 
@media (min-width : 1200px) {
.top11_inner>ul{
	/* width:83.3333%; */
	margin:0 auto;
}
}

.top12_bg{
	background:linear-gradient(to bottom,#E4F4FD 0%,#E4F4FD 4em,#0068B7 4em,#0068B7 100%);
	margin:-0.5em 0 0 0;
}


/*よくある質問*/

.top12_qa{
	width:100%;
	margin:0 auto;
}

.top12_qa>ul>li{
	background:#FFFFFF;
	margin:0 0 1.5em;
	border-radius: 20px;
}

.top12_qa>ul>li>a{
	display: block;
	width:100%;
	padding:1em 2em 1em 1em;
	box-sizing: border-box;
	text-decoration: none;
	cursor: pointer;
}

.top12_qa>ul>li>ul>li{
	border-radius: 0 0 15px 15px;
	background:#E4F4FD;
	/* border-top:#F2F2F2 1px solid; */
}

.top12_qa>ul>li>ul>li>dl{
	width:100%;
	box-sizing: border-box;
	padding: 1em 5%;
}

.top12_qa .pluse_toggle>dl{
	display: table;
}
.top12_qa .pluse_toggle>dl>dt{
	display: table-cell;
	width:7%;
}
.top12_qa .pluse_toggle>dl>dd{
	display: table-cell;
	width:93%;
	padding:0.2em 2em 0 0;
	box-sizing: border-box;
}
.top12_qa .pluse_inner>li{
	padding:1em 2em;
	box-sizing: border-box;
}

.child {
    display: none;
}
.top12_qa>ul>li>a{
	position: relative;
}
.top12_qa>ul>li>a::after{
	content: '';
	background: url("../img/tire_lp/top12_icon_open.svg") no-repeat;
	background-size: contain;
	width:20px;
	height:10px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%,-50%);
}

.top12_qa>ul>li>a.pluse_active::after{
	content: '';
	background: url("../img/tire_lp/top12_icon_close.svg") no-repeat;
	background-size: contain;
	width:20px;
	height:10px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(-50%,-50%);
}

@media (min-width : 768px) {
.top12_bg{
    background:linear-gradient(to bottom,#E4F4FD 0%,#E4F4FD 5em,#0068B7 5em,#0068B7 100%);
    margin:-0.5em 0 0 0;
}

/*よくある質問*/

.top12_qa>ul>li>a::after,.top12_qa>ul>li>a.pluse_active::after{
	width:30px;
	height:15px;
	right: 1em;
}

.top12_qa>ul>li>a{
	padding:1.5em 2em;
}
.top12_qa>ul>li>ul>li>dl{
	display: flex;
	flex-wrap: wrap;
}
.top12_qa>ul>li>ul>li>dl>dt{
	width:5%;
}
.top12_qa>ul>li>ul>li>dl>dd{
	width:95%;
}
.top12_qa .pluse_inner>li{
	padding:1em 3em;
	box-sizing: border-box; 
}

}

@media (min-width : 1200px) {
    .top12_qa{
        width:83.3333%;
        margin:0 auto;
    }
}


.top13_01{
	width:100%;
	margin:0 auto;
}
.top13_01block{
	margin:-7em auto 1em;
}
.top13_01block>h2 {
    display: flex;
    justify-content: flex-end;
    position: relative;
}
.top13_01ttlimg {
    width: 80%;
}
.top13_01img {
    position: absolute;
    left: 0;
    bottom: -1rem;
    width: 30%;
}

.top13_cta{
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width:100%;
    background:#FFFFFF;
    padding:1em;
    box-sizing: border-box;
    border-radius: 20px;
    box-shadow: 4px 4px 0 rgba(0,0,0,0.15);	
}
.top13_cta>li{
	width:100%;
}
.top13_cta>li>p {
    padding-left: 1rem;
}

.top13_02_ttl {
    position: relative;
}
.top13_02{
	background:#FFFFFF;
	padding:10em 0 0;
    margin-top: -10em;
	box-sizing: border-box;
	border-radius: 20px;
	box-shadow: 4px 4px 0 rgba(0,0,0,0.15);
	
}

@media (min-width : 768px) {
.top13_01block {
    margin:-12em auto 1em;
}
.top13_01block>h2 {
    justify-content: flex-start;
}
.top13_01ttlimg {
    width: 78%;
}
.top13_01img {
    position: absolute;
    right: 0;
    left: auto;
    bottom: -1em;
    width: 22%;
}

.top13_01block>ul {
    flex-direction: row;
}
.top13_01block>ul>li{
    width:48%;
    margin:0 auto;
}
.top13_cta {
    padding: 2em;
    gap: 3em;
}
.top13_cta>li>p {
    padding-left: 0;
    max-width: 420px;
    margin: 0 auto;
}
.top13_02{
    padding:8em 2em 2em;
    margin-top: -8em;
}
}

@media (min-width : 768px) {
.top13_01{
    width:83.3333%;
}
}

.top14_list{
	width:100%;
	margin:0 auto;
}
.top14_list>ul>li{
	padding:1em;
	border-bottom:#e4edf2 2px solid;
	width:90%;
	margin:0 auto;
	box-sizing: border-box;
}
.top14_list>ul>li>dl{
	display: flex;
	flex-wrap:wrap;
	width:100%;
	font-weight: 500;
}
.top14_list>ul>li>dl>dt{
    width:100%;
	font-weight: 800;
}
.top14_list>ul>li>dl>dd{
    width:100%;
	margin:0.5em 0 0 0;
}


@media (min-width : 768px) {
.top14_list>ul>li {
    padding: 1.5em 1em;
}
.top14_list>ul>li>dl>dt{
    width:25%;
}
.top14_list>ul>li>dl>dd{
    width:75%;
    margin:0;
}
}

@media (min-width : 1200px) {
.top14_list{
    width:83.3333%;
}
}
 
.lp_foot_logo>a>img {
    width: 70%;
    max-width: 380px;

}