@charset "UTF-8";

.second-hero{height: 64vw;}

.set{margin-bottom: 8vw;}
.set .read{padding: 0;}
.set ul{padding: 0;}
.set li{padding-left: 1.4em;text-indent: -1em;margin-bottom: 3vw;color: #c5c5c5;border-bottom: 1px dashed #4d4d4d;padding-bottom: 2vw;}
.set li:last-child{border: none;}
.set li:before{content: "⚫︎";position: relative;left: -1vw;}
.set li span{font-weight: bold;/* color: var(--green01); */color: #fff;}
.set .ttl{border-left: 4px solid var(--green02);color: var(--green01);padding-left: 2vw;line-height: 1.6;margin-bottom: 2vw;font-size: 5vw;}
.set .ttl small{font-size: 80%;}
.set .read{padding: 0;}

.warranty-flow { padding-bottom: 20vw; }
.warranty-flow-container { width: 100%; padding-bottom: 8vw; margin: 0 auto; z-index: 1; position: relative; }
.warranty-flow-container .prev { width: 14vw; height: 14vw; color: #000; background: var(--green01); cursor: pointer; z-index: 1; position: absolute; top: 16vw; left: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.warranty-flow-container .prev:after { content: '\f104'; font-size: 5.2vw; font-family: 'icon'; }
.warranty-flow-container .prev.swiper-button-disabled { left: -15vw; }
.warranty-flow-container .next { width: 14vw; height: 14vw; color: #000; background: var(--green01); cursor: pointer; z-index: 1; position: absolute; top: 16vw; right: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.warranty-flow-container .next:after { content: '\f105'; font-size: 5.2vw; font-family: 'icon'; }
.warranty-flow-container .next.swiper-button-disabled { right: -15vw; }
.warranty-flow-container .scroll { width: 90vw; height: 1px; background: #999; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; position: absolute; right: 0; bottom: 0; left: auto; }
.warranty-flow-container .swiper-scrollbar-drag { height: 3px; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; top: auto; bottom: 1px; }
.warranty-flow-items {width: 100%;}
.warranty-flow-item { width: 80vw; margin: 0 10vw; }
.warranty-flow-item-image {width: 100%;}
.warranty-flow-item-text { margin-top: -3.5vw; z-index: 1; position: relative; }
.warranty-flow-item-badge {padding: 1.5vw 4vw;margin: 0 auto 4vw;color: #000;font-size: 4vw;font-family: "Roboto";font-weight: 500;font-optical-sizing: auto;font-variation-settings: "wdth" 100;background: var(--green01);display: table;}
.warranty-flow-item-title {width: 100%;padding: 1vw 0;margin-bottom: 2.5vw;color: var(--green01);font-size: 5.2vw;text-align: center;line-height: 1.4;position: relative;}
.warranty-flow-item-title::before { content: ''; width: 2.5vw; height: 100%; border: 1px solid var(--green01); border-right: none; position: absolute; top: 0; left: 0; }
.warranty-flow-item-title::after { content: ''; width: 2.5vw; height: 100%; border: 1px solid var(--green01); border-left: none; position: absolute; top: 0; right: 0; }
.warranty-flow-item-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.warranty-flow-item-comment a { color: var(--green01); border-bottom: 1px solid var(--green01); display: inline; }

.top-title {margin-bottom: 6vw;color: rgba(255, 255, 255, 0);font-size: 8.6vw;text-align: center;line-height: 1.4;background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EwZWYwYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZmYWEwMSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #a0ef0c), color-stop(100%, #6faa01));background: -moz-linear-gradient(left, #a0ef0c, #6faa01);background: -webkit-linear-gradient(left, #a0ef0c, #6faa01);background: linear-gradient(to right, #a0ef0c, #6faa01);-moz-background-clip: text;-o-background-clip: text;-webkit-background-clip: text;background-clip: text;}

.top-support { padding-bottom: 15vw; }
.top-support-head { width: 90vw; margin: 0 auto 8vw; }
.top-support-title { margin-bottom: 4vw; }
.top-support-head-comment {margin-bottom: 5vw;font-size: 4.7vw;text-align: center;line-height: 1.6;}
.top-support-note { padding-left: 1em; font-size: 3.2vw; text-indent: -1em; line-height: 1.6; }
.top-support-items { padding-bottom: 10vw; }
.top-support-items .slick-list { padding: 0 10vw; }
.top-support-item { width: 80vw; margin: 0 2.5vw; }
.top-support-item-image { width: 100%; margin-bottom: 5vw; }
.top-support-item-image img { width: 100%; }
.top-support-item-title { margin-bottom: 2.5vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-support-item-title .title { margin-right: 2vw; color: var(--green01); font-size: 6vw; }
.top-support-item-title .day {padding: 2vw 6vw;color: #000;font-size: 4vw;background: var(--green01);-moz-border-radius: 10vw;-webkit-border-radius: 10vw;border-radius: 10vw;}
.top-support-item-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 769px) {

.second-hero{height: 340px;}

.set{margin-bottom: 60px;}
.set:last-of-type{margin-bottom: 0;}
.set .read{padding: 0;}
.set ul{padding: 0;}
.set li{margin-bottom: 14px;padding-bottom: 14px;padding-left: 28px;}
.set li:last-child{border: none;}
.set li:before{left: -4px;}
.set li span{font-weight: bold;/* color: var(--green01); */color: #fff;}
.set .ttl{padding-left: 14px;margin-bottom: 20px;font-size: 22px;}
.set .ttl small{font-size: 80%;}
.set .read{padding: 0;}
	
.warranty-flow { padding-bottom: 120px; }
.warranty-flow-container { width: 80%;padding: 0; }
.warranty-flow-items {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, 0.8fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.warranty-flow-item {width: 100%;margin: 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 30px;height: auto;}
.warranty-flow-item-imagebox{width: 50%;margin: 0 4vw 0 0;}
.warranty-flow-item-image {width: 100%;height: 210px;object-fit: cover;}
.warranty-flow-item-text { width: 50%;margin: 0;}
.warranty-flow-item-badge {padding: 8px 15px 6px;margin-bottom: 16px;font-size: 15px;}
.warranty-flow-item-title { padding: 5px 0; margin-bottom: 15px; font-size: 22px; }
.warranty-flow-item-title::before, .warranty-flow-item-title::after { width: 8px; }
.warranty-flow-item-comment p { font-size: 15px; }

.top-title {margin-bottom: 60px;font-size: clamp(46px, 18.364px + 3.636vw, 62px);}

.top-support { padding-bottom: 120px; }
.top-support-head { width: 100%; margin-bottom: 50px; }
.top-support-title { margin-bottom: 20px; }
.top-support-head-comment { margin-bottom: 20px; font-size: 22px; }
.top-support-note { padding: 0; font-size: 14px; text-align: center; text-indent: 0; }
.top-support-items {width: 80%;padding: 0;margin: 0 auto;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.top-support-item {margin: 0;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;margin-bottom: 40px;width: 100%;}
.top-support-item-image {width: 50%;margin: 0 4vw 0 0;}
.top-support-item-text{width: 50%;}
.top-support-item-title { margin-bottom: 15px; }
.top-support-item-title .title { margin-right: 10px; font-size: 25px; }
.top-support-item-title .day { padding: 8px 20px; font-size: 15px; }
.top-support-item-comment p { font-size: 15px; text-align: center; }

}


/* @media screen and (min-width: 1200px) {
	
.warranty-flow-container { width: clamp(760px, 90%, 1200px); }
.warranty-flow-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.warranty-flow-item {width: 32%; max-width: 370px; margin-bottom: 30px;display: block;}
.warranty-flow-item-text { margin-top: -14px; width: 100%;}
.warranty-flow-item-imagebox{width: 100%;margin: 0;}
.warranty-flow-item-image {width: 100%;height: auto;object-fit:unset;}
	
} */



@media screen and (min-width: 1200px) {
.top-support-items { width: clamp(760px, 90%, 1200px);}
.top-support-item {margin: 0;width: 32%;display: block;}
.top-support-item-image {margin-bottom: 30px;width: 100%;}
.top-support-item-text{width: 100%;}
}