@charset "UTF-8";
.top-site { padding: 15vw 0 5vw; }
.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-site-items { width: 100%; }
.top-site-items li { width: 100%; margin-bottom: 10vw; }
.top-site-items li:nth-child(1) .top-site-item-title { background: url(../images/top-site-item-icon01.png) no-repeat center left; background-size: auto 100%; }
.top-site-items li:nth-child(2) .top-site-item-title { background: url(../images/top-site-item-icon02.png) no-repeat center left; background-size: auto 100%; }
.top-site-items li:nth-child(3) .top-site-item-title { background: url(../images/top-site-item-icon03.png) no-repeat center left; background-size: auto 100%; }
.top-site-items li:nth-child(4) .top-site-item-title { background: url(../images/top-site-item-icon04.png) no-repeat center left; background-size: auto 100%; }
.top-site-items li:nth-child(4) .top-site-item-point { font-size: 11.2vw; font-family: var(--gothic); font-weight: 500; }

.top-site-item-image { width: 100%; margin-bottom: 6vw; }
.top-site-item-image img {width: 100%;height: 340px;object-fit: cover;}
.top-site-item-text { width: 90vw; margin: 0 auto; }
.top-site-item-title { padding: 1vw 0 1vw 16vw; margin-bottom: 2.5vw; }
.top-site-item-title .jp {margin-bottom: 1.5vw;font-size: 6vw;display: block;}
.top-site-item-title .en { color: var(--green01); font-size: 3.2vw; font-family: "Roboto"; font-weight: 300; font-optical-sizing: auto; font-variation-settings: "wdth" 100; letter-spacing: 0.02em; display: block; }
.top-site-item-point { padding-bottom: 4vw; margin-bottom: 4vw; color: var(--green01); font-size: 13.2vw; font-family: "Orbitron"; font-weight: 500; font-optical-sizing: auto; letter-spacing: 0.02em; position: relative; }
.top-site-item-point::after { content: ''; width: 20vw; height: 1px; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZjAyYiIvPjxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjNzc3Nzc3Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g'); background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #c3f02b), color-stop(35%, #777777)); background: -moz-linear-gradient(left, #c3f02b, #777777 35%); background: -webkit-linear-gradient(left, #c3f02b, #777777 35%); background: linear-gradient(to right, #c3f02b, #777777 35%); position: absolute; bottom: 0; left: 0; }
.top-site-item-comment p {font-size: 4vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;}

.top-guarantee { padding-bottom: 15vw; }
.top-guarantee-head { margin-bottom: 8vw; }
.top-guarantee-typo-items { width: 100%; }
.top-guarantee-typo-item { margin: 0 4vw; }
.top-guarantee-typo-item img { width: 200vw; }
.top-guarantee-title { margin: -8vw auto 4vw; z-index: 1; position: relative; }
.top-guarantee-head-comment {font-size: 4.7vw;text-align: center;line-height: 1.6;}

.top-guarantee-table {width: 180vw;font-size: 3.4vw;text-align: center;table-layout: fixed;z-index: 0;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;}
.top-guarantee-table-frame { width: 100%; padding: 0 5vw 8vw; margin-bottom: 5vw; white-space: nowrap; }
.top-guarantee-table .pickup {content: '';background: #c5f11a;-moz-box-shadow: 0 0 18px #c5f11a;-webkit-box-shadow: 0 0 18px #c5f11a;box-shadow: 0 0 18px #c5f11a;-moz-border-radius: 2vw;-webkit-border-radius: 2vw;border-radius: 2vw;z-index: -1;vertical-align: middle;border-right: 1px solid #444;border-bottom: 1px solid #444;color: var(--black);}
.top-guarantee-table .pickup dt{font-size: 5.5vw;font-weight: 600;display: block;}
.top-guarantee-table .pickup dt span{margin-top: 1vw;font-size: 3.6vw;}
.top-guarantee-table .pickup dd {font-size: 4vw;font-weight: 500;}
.top-guarantee-table .pickup dd span{margin: 0 0.5vw;font-size: 9.2vw;font-family: "Roboto";font-weight: 700;font-optical-sizing: auto;font-variation-settings: "wdth" 100;display: inline-block;position: relative;}

.top-guarantee-table .left{padding-bottom: 2px;}
.top-guarantee-table .left p{padding: 6vw 4vw;border-bottom: 1px solid #444;height: 16vw;}
.top-guarantee-table .left p:first-child{border-top: 1px solid #444 ;}
.top-guarantee-table dl{width: 70%;border-right: 1px solid #444;}
.top-guarantee-table dl:last-child{border-right: none;}
.top-guarantee-table dt{font-size: 3.6vw;font-weight: 600;display: block;border-bottom: 1px solid #444;padding:4vw;}
.top-guarantee-table dt span{font-size: 50%;display: block;}
.top-guarantee-table dd{border-bottom: 1px solid #444;padding: 6vw 4vw;height: 16vw;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.top-guarantee-table dd span {margin: 0 0.5vw;font-size: 5.5vw;font-family: "Roboto";font-weight: 700;font-optical-sizing: auto;font-variation-settings: "wdth" 100;display: inline-block;position: relative;top: 0.5vw;}
.top-guarantee-table dd:last-child{border-bottom: none;}
.top-guarantee-table .green{color: var(--green01);}
.top-guarantee-table-note { width: 90vw; margin: 0 auto; font-size: 3.2vw; }

.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; }

.top-strengths { padding-bottom: 10vw; }
.top-strengths-items { width: 90vw; margin: 0 auto; }
.top-strengths-items li { width: 100%; padding: 5vw 0; margin-bottom: 5vw; border: 1px solid #759019; position: relative; }
.top-strengths-items li::before { content: ''; width: 30vw; height: 2px; background: var(--green01); position: absolute; top: -1px; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
.top-strengths-item-icon { width: auto; margin: 0 auto 4vw; }
.top-strengths-item-icon.icon01 { height: 14vw; }
.top-strengths-item-icon.icon02 { height: 12vw; }
.top-strengths-item-icon.icon03 { height: 10vw; }
.top-strengths-item-title { text-align: center; }
.top-strengths-item-title .title {padding: 0 0 0.5vw 7.5vw;margin: 0 auto 2.5vw;font-size: 5.2vw;background: url(../images/icon-check.png) no-repeat center left;background-size: auto 100%;display: table;}
.top-strengths-item-title .sub {color: var(--green01);font-size: 4vw;display: block;}

.top-strengths-item-deco01::before { content: ''; width: 4vw; height: 4vw; background: #000; border-bottom: 1px solid #759019; position: absolute; top: -2vw; left: -2vw; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.top-strengths-item-deco01::after { content: ''; width: 4vw; height: 4vw; background: #000; border-bottom: 1px solid #759019; position: absolute; top: -2vw; right: -2vw; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.top-strengths-item-deco02::before { content: ''; width: 4vw; height: 4vw; background: #000; border-top: 1px solid #759019; position: absolute; bottom: -2vw; left: -2vw; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top-strengths-item-deco02::after { content: ''; width: 4vw; height: 4vw; background: #000; border-top: 1px solid #759019; position: absolute; bottom: -2vw; right: -2vw; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.top-concept { padding-bottom: 15vw; }
.top-concept-movie { width: 90vw; margin: 0 auto; }
.top-concept-movie img { width: 100%; }
.top-concept .top-title{margin-bottom: 0;}

.top-spec { padding-bottom: 15vw; z-index: 2; position: relative; }
.top-spec-head { margin-bottom: 6vw; }
.top-spec-title { margin-bottom: 4vw; font-size: 13.2vw; font-family: "Orbitron"; font-weight: 500; font-optical-sizing: auto; text-align: center; text-shadow: 0 0 15px #c3f02c; }
.top-spec-image {width: 90vw;margin: 0 auto 4vw;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;}
.top-spec-image .image01, .top-spec-image .image02 { width: 46.5%; }

.top-spec-head-comment { font-size: 4.7vw; font-weight: 300; text-align: center; line-height: 1.6; }

.top-spec-table { width: 90vw; margin: 0 auto 5vw; text-align: center; table-layout: fixed; z-index: 0; position: relative; }
.top-spec-table thead { font-size: 4.2vw; font-family: "Roboto"; font-weight: 500; font-optical-sizing: auto; font-variation-settings: "wdth" 100; }
.top-spec-table thead th { color: var(--green01); font-size: 30px; }
.top-spec-table tbody tr:last-child > * { border-bottom: 0; }
.top-spec-table tbody tr:nth-child(odd) { background: rgba(240, 238, 233, 0.1); }
.top-spec-table tr > *:last-child { border-right: 0; }
.top-spec-table th, .top-spec-table td { width: 100%; height: 15vw; vertical-align: middle; border-right: 1px solid #444; border-bottom: 1px solid #444; }
.top-spec-table th:nth-child(2), .top-spec-table td:nth-child(2) { width: 24vw; color: var(--main); font-size: 3.2vw; }
.top-spec-table td { line-height: 1.4; }

.top-spec-box { width: 90vw; margin: 0 auto; }
.top-spec-box .top-spec-table { width: 100%; margin-top: 4vw; display: none; }
.top-spec-box-button { width: 100%; padding: 5vw 0; color: #000; font-size: 4vw; text-align: center; background: rgba(255, 255, 255, 0.9); cursor: pointer; position: relative; }
.top-spec-box-button.open .plus::after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.top-spec-box-button .plus { width: 4vw; height: 4vw; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-spec-box-button .plus::before { content: ''; width: 100%; height: 1px; background: #000; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top-spec-box-button .plus::after { content: ''; width: 1px; height: 100%; background: #000; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -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); }

.top-reviews { padding-bottom: 15vw; z-index: 1; position: relative; }
.top-reviews::before { content: ''; width: 120vw; height: 122vw; background: url(../images/deco01.png) no-repeat center; background-size: 100%; z-index: -1; pointer-events: none; position: absolute; top: -50vw; left: -55vw; }
.top-reviews::after { content: ''; width: 120vw; height: 122vw; background: url(../images/deco01.png) no-repeat center; background-size: 100%; z-index: -1; pointer-events: none; position: absolute; right: -55vw; bottom: -28vw; }
.top-reviews-items { width: 100%; padding-bottom: 10vw; margin-bottom: 10vw; }
.top-reviews-items .slick-track { display: -webkit-box; display: -webkit-flex; display: flex; }
.top-reviews-item { width: 80vw; height: auto; padding: 5vw 6vw 6vw; margin: 0 2.5vw; background: #000; border: 1px solid var(--green01); }
.top-reviews-item-head { margin-bottom: 4vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
.top-reviews-item-icon { width: 12.5vw; margin-right: 2.5vw; }
.top-reviews-item-title {color: var(--green01);font-size: 4.7vw;line-height: 1.4;}
.top-reviews-item-user { margin-bottom: 2vw; color: var(--green01); font-size: 3.4vw; }
.top-reviews-item-comment p { font-size: 3.6vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }

.top-faq { padding-bottom: 10vw; z-index: 2; position: relative; }
.top-faq-items { width: 90vw; margin: 0 auto; }
.top-faq-items li { width: 100%; margin-bottom: 5vw; }
.top-faq-item-question { padding: 3vw 8vw 3vw 4vw; color: var(--green01); font-size: 4.4vw; line-height: 1.4; border: 1px solid #908e8c; cursor: pointer; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; position: relative; }
.top-faq-item-question.open .plus::after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.top-faq-item-question::before { content: 'Q.'; margin-right: 2vw; font-size: 7.9vw; font-family: "Orbitron"; font-weight: 500; font-optical-sizing: auto; }
.top-faq-item-question .title { padding-top: 0.5vw; }
.top-faq-item-question .plus { width: 4vw; height: 4vw; position: absolute; top: 50%; right: 4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-faq-item-question .plus::before { content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top-faq-item-question .plus::after { content: ''; width: 1px; height: 100%; background: #fff; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -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); }
.top-faq-item-answer { padding: 4vw 0 2vw; display: none; }
.top-faq-item-answer p {font-size: 4vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.6;letter-spacing: 0.04em;}

.top-flow { padding-bottom: 15vw; }
.top-flow-container { width: 100%; padding-bottom: 8vw; margin: 0 auto; z-index: 1; position: relative; }
.top-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); }
.top-flow-container .prev:after { content: '\f104'; font-size: 5.2vw; font-family: 'icon'; }
.top-flow-container .prev.swiper-button-disabled { left: -15vw; }
.top-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); }
.top-flow-container .next:after { content: '\f105'; font-size: 5.2vw; font-family: 'icon'; }
.top-flow-container .next.swiper-button-disabled { right: -15vw; }
.top-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; }
.top-flow-container .swiper-scrollbar-drag { height: 3px; background: #fff; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; top: auto; bottom: 1px; }
.top-flow-items {width: 100%;}
.top-flow-item { width: 80vw; margin: 0 10vw; }
.top-flow-item-image {width: 100%;}
.top-flow-item-text { margin-top: -3.5vw; z-index: 1; position: relative; }
.top-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;}
.top-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;}
.top-flow-item-title::before { content: ''; width: 2.5vw; height: 100%; border: 1px solid var(--green01); border-right: none; position: absolute; top: 0; left: 0; }
.top-flow-item-title::after { content: ''; width: 2.5vw; height: 100%; border: 1px solid var(--green01); border-left: none; position: absolute; top: 0; right: 0; }
.top-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; }
.top-flow-item-comment a { color: var(--green01); border-bottom: 1px solid var(--green01); display: inline; }
.top-flow-item-delivery { margin-top: 4vw; }
.top-flow-item-delivery-title { width: 100%; padding: 1.5vw 0; margin-bottom: 2.5vw; font-size: 3.4vw; text-align: center; border: 1px solid #999; }
.top-flow-item-delivery-comment p { font-size: 3.4vw; line-height: 1.6; display: -webkit-box; display: -webkit-flex; display: flex; }
.top-flow-item-delivery-comment p::before { content: '・'; }

.top-contact { padding-bottom: 15vw; }
.top-contact-head { width: 90vw; margin: 0 auto 8vw; }
.top-contact-head-comment {font-size: 4vw;text-align: center;line-height: 1.6;}
.top-contact-form { width: 90vw; height: 40vw; margin: 0 auto 8vw; background: #323232; }
.top-contact-pdf { width: 90vw; padding: 6vw 0; margin: 0 auto; color: var(--green01); font-size: 4.2vw; text-align: center; border: 1px solid var(--green01); position: relative; }
.top-contact-pdf::after { content: '\f105'; font-family: 'icon'; pointer-events: none; position: absolute; top: 50%; right: 5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }


/* =============================================
pc
================================================*/
@media screen and (min-width: 769px) {
.top-title {margin-bottom: 60px;font-size: clamp(46px, 18.364px + 3.636vw, 62px);}
.top-site { padding: 120px 0 60px; }
.top-site-items { width: clamp(760px, 90%, 1200px); margin: 0 auto; }
.top-site-items li {margin-bottom: 60px;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: center;align-items: center;}
.top-site-items li:nth-child(odd) .top-site-item-image {margin-right: -40px;order: 1;margin: 0 -40px 0 3vw;}
.top-site-items li:nth-child(odd) .top-site-item-text { order: 0; }
.top-site-items li:nth-child(even) .top-site-item-image {margin-left: -40px;margin: 0 3vw 0 -40px;}
.top-site-items li:nth-child(4) .top-site-item-point { font-size: 80px; }

.top-site-items li:nth-child(2) .top-site-item-title { background: url(../images/top-site-item-icon02.png) no-repeat center left; background-size: 75px; height: 75px;}
.top-site-items li:nth-child(3) .top-site-item-title { background: url(../images/top-site-item-icon03.png) no-repeat center left; background-size: 75px; height: 75px;}

.top-site-item-image {width: 625px;margin: 0;width: 100%;max-width: 625px;}
.top-site-item-text {width: 100%;margin: 0;}
.top-site-item-title { padding: 0 0 5px 95px; margin-bottom: 15px; }
.top-site-item-title .jp {margin-bottom: 10px;font-size: clamp(25px, -0.909px + 3.409vw, 40px);}
.top-site-item-title .en {font-size: clamp(16px, 9.091px + 0.909vw, 20px);}
.top-site-item-point {padding-bottom: 25px;margin-bottom: 20px;font-size: clamp(55px, -14.091px + 9.091vw, 95px);}
.top-site-item-point::after { width: 160px; }
.top-site-item-comment p { font-size: 16px; }

.top-guarantee { padding-bottom: 120px; }
.top-guarantee-head {margin-bottom: 30px;}
.top-guarantee-typo-item { margin: 0 40px; }
.top-guarantee-typo-item img { width: 950px; }
.top-guarantee-title { margin: -40px auto 20px; }
.top-guarantee-head-comment { font-size: 22px; }

.top-guarantee-table {width: 100%;min-width: 1200px;font-size: 16px;text-align: center;z-index: 0;position: relative;display: -webkit-flex;display: flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: flex-end;align-items: flex-end;}
.top-guarantee-table-frame {width: clamp(760px, 90%, 1200px);padding: 30px 0 30px;margin: 0 auto 30px;overflow-x: auto;}
.top-guarantee-table .pickup {-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;}
.top-guarantee-table .pickup dt{font-size: 32px;}
.top-guarantee-table .pickup dt span{font-size: 18px;}
.top-guarantee-table .pickup dd {font-size: 22px;text-align: center;}
.top-guarantee-table .pickup dd span{margin: 0 5px;font-size: 50px;top: 3px;}

.top-guarantee-table .left{padding: 0;}
.top-guarantee-table .left p{padding: 20px;height: 90px;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
.top-guarantee-table dl{width: 70%;border-right: 1px solid #444;}
.top-guarantee-table dl:last-child{border-right: none;}
.top-guarantee-table dt{font-size: 20px;padding: 20px;}
.top-guarantee-table dt span{font-size: 50%;display: block;}
.top-guarantee-table dd{padding: 20px;font-size: 16px;height: 90px;}
.top-guarantee-table dd span {margin: 0 5px;font-size: 25px;top: 3px;}
.top-guarantee-table dd:last-child{border-bottom: none;}
.top-guarantee-table .green{color: var(--green01);}
.top-guarantee-table-note {width: clamp(760px, 90%, 1200px);font-size: 12px;text-align: right;}

.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; }

.top-strengths { padding-bottom: 120px; }
.top-strengths-items { width: clamp(760px, 90%, 1200px); 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-strengths-items li {width: 32%;padding: 25px 20px 30px;margin: 0;}
.top-strengths-items li::before { width: 120px; }
.top-strengths-item-icon { margin-bottom: 20px; }
.top-strengths-item-icon.icon01 { height: 72px; }
.top-strengths-item-icon.icon02 { height: 66px; margin: 6px auto 20px; }
.top-strengths-item-icon.icon03 { height: 50px; margin: 22px auto 20px; }
.top-strengths-item-title .title {padding: 0 0 4px 30px;margin-bottom: 10px;font-size: 20px;background: url(../images/icon-check.png) no-repeat top left;background-size: 20px;text-align: left;margin: 0 0 10px;}
.top-strengths-item-title .sub {font-size: 16px;line-height: 1.6;text-align: left;}
.top-strengths-item-deco01::before { width: 20px; height: 20px; top: -10px; left: -10px; }
.top-strengths-item-deco01::after { width: 20px; height: 20px; top: -10px; right: -10px; }
.top-strengths-item-deco02::before { width: 20px; height: 20px; bottom: -10px; left: -10px; }
.top-strengths-item-deco02::after { width: 20px; height: 20px; bottom: -10px; right: -10px; }

.top-concept { padding-bottom: 120px; }
.top-concept-title { margin-bottom: 40px; }
.top-concept-movie { width: clamp(760px, 90%, 1200px); }

.top-spec { padding-bottom: 120px; }
.top-spec-head { width: clamp(760px, 90%, 1200px); margin: 0 auto 50px; }
.top-spec-title {margin: 0;position: absolute;top: 100px;left: 50%;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size: clamp(70px, 21.636px + 6.364vw, 98px);}
.top-spec-image { width: 100%; margin-bottom: 30px; }
.top-spec-image .image01, .top-spec-image .image02 {max-width: 495px;width: 48%;}
.top-spec-head-comment { font-size: 22px; }
.top-spec-table { width: clamp(760px, 90%, 1200px); margin-bottom: 40px; }
.top-spec-table th, .top-spec-table td { height: 70px; }
.top-spec-table th:nth-child(2), .top-spec-table td:nth-child(2) { width: 210px; font-size: 18px; }
.top-spec-table td { font-size: 22px; }
.top-spec-box { width: clamp(760px, 90%, 1200px); }
.top-spec-box-button { padding: 25px 0; font-size: 18px; }
.top-spec-box-button .plus { width: 30px; height: 30px; right: 25px; }

.top-reviews { padding-bottom: 120px; }
.top-reviews-items { padding-bottom: 50px; margin-bottom: 50px; }
.top-reviews-items .slick-dots li { width: 12px; height: 12px; margin: 0 10px; }
.top-reviews-item { width: 370px; padding: 25px; margin: 0 20px; }
.top-reviews-item-head { margin-bottom: 10px; }
.top-reviews-item-icon { width: 55px; margin-right: 15px; }
.top-reviews-item-title { font-size: 20px; }
.top-reviews-item-user { margin-bottom: 15px; font-size: 14px; }
.top-reviews-item-comment p { font-size: 15px; }

.top-faq { padding-bottom: 80px; }
.top-faq::before { width: 756px; height: 766px; top: -340px; left: calc(50% - 920px); }
.top-faq::after { width: 756px; height: 766px; right: calc(50% - 1000px); bottom: -100px; }
.top-faq-items { width: clamp(760px, 90%, 1200px); }
.top-faq-items li { margin-bottom: 40px; }
.top-faq-item-question { padding: 15px 60px 15px 30px; font-size: 20px; }
.top-faq-item-question::before { margin-right: 15px; font-size: 30px; }
.top-faq-item-question .title { padding-top: 0; }
.top-faq-item-question .plus { width: 30px; height: 30px; right: 25px; }
.top-faq-item-answer { padding: 25px 0 10px; }
.top-faq-item-answer p { font-size: 15px; }

.top-flow { padding-bottom: 120px; }
.top-flow-container { width: 80%;padding: 0; }
.top-flow-items {display: grid;grid-template-columns: 1fr;grid-template-rows: repeat(3, 0.8fr);grid-column-gap: 0px;grid-row-gap: 0px;}
.top-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;}
.top-flow-item-imagebox{width: 50%;margin: 0 4vw 0 0;}
.top-flow-item-image {width: 100%;height: 210px;object-fit: cover;}
.top-flow-item-text { width: 50%;margin: 0;}
.top-flow-item-badge {padding: 8px 15px 6px;margin-bottom: 16px;font-size: 15px;}
.top-flow-item-title { padding: 5px 0; margin-bottom: 15px; font-size: 22px; }
.top-flow-item-title::before, .top-flow-item-title::after { width: 8px; }
.top-flow-item-comment p { font-size: 15px; }
.top-flow-item-delivery { margin-top: 15px; }
.top-flow-item-delivery-title { padding: 8px 0 10px; margin-bottom: 12px; font-size: 14px; }
.top-flow-item-delivery-comment p { font-size: 14px; }

.top-contact { padding-bottom: 120px; }
.top-contact-head { width: 100%; margin-bottom: 50px; }
.top-contact-title { margin-bottom: 30px; }
.top-contact-head-comment { font-size: 15px; }
.top-contact-form { width: clamp(760px, 90%, 1200px); height: 500px; margin-bottom: 80px; }
.top-contact-pdf { width: 400px; padding: 30px 0; font-size: 18px; }
.top-contact-pdf::after { right: 25px; }
}

@media screen and (min-width: 1200px) {
.top-flow-container { width: clamp(760px, 90%, 1200px); }
.top-guarantee-table::before {-webkit-transform: translateX(-125%);transform: translateX(-125%);width: clamp(280px, 245.455px + 4.545vw, 300px);}
.top-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; }
.top-flow-item {width: 32%;margin-bottom: 30px;display: block;}
.top-flow-item-text { margin-top: -14px; width: 100%;}
.top-flow-item-imagebox{width: 100%;margin: 0;}
.top-flow-item-image {width: 100%;height: auto;object-fit:none;}
.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%;}
}

@media screen and (min-width: 1000px) {
.top-strengths-item-title .title {text-align: center;margin: 0 auto 10px;}
.top-strengths-item-title .sub {text-align: center;}
}


/* =============================================
retina用
================================================*/
@media screen and (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 769px) and (min-resolution: 2dppx) {
.top-site-items li:nth-child(1) .top-site-item-title { background-image: url(../images/top-site-item-icon01@2x.png);}
.top-site-items li:nth-child(2) .top-site-item-title { background-image: url(../images/top-site-item-icon02@2x.png);}
.top-site-items li:nth-child(3) .top-site-item-title { background-image: url(../images/top-site-item-icon03@2x.png);}
.top-site-items li:nth-child(4) .top-site-item-title { background-image: url(../images/top-site-item-icon04@2x.png);}
.top-faq::before { background-image: url(../images/deco01@2x.png);}
.top-faq::after { background-image: url(../images/deco01@2x.png);}
}