app/template/default/index.twig line 1

Open in your IDE?
  1. {#
  2. This file is part of EC-CUBE
  4. Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
  6. http://www.ec-cube.co.jp/
  8. For the full copyright and license information, please view the LICENSE
  9. file that was distributed with this source code.
  10. #}
  11. {% extends 'default_frame.twig' %}
  13. {% set body_class = 'front_page' %}
  15. {% block stylesheet %}
  16.     <link rel="stylesheet" href="{{ asset('assets/css/guide.css') }}">
  17.     <style>
  18.         .ec-footerRole{
  19.             margin-top: 0!important;
  20.         }
  21.         .section-item{
  22.             padding: 36px 0;
  23.             margin: 0 calc(50% - 50vw);
  24.         }
  25.         .section-item2 {
  26.             padding: 12px 0;
  27.             margin: 0 calc(50% - 50vw);
  28.         }
  29.         .read-paragraph{
  30.             text-shadow: 0px 0px 10px #c5a6003d;
  31.             font-weight: 600;
  32.             font-size: 16px;
  33.             line-height: 200%;
  34.             margin-bottom: 1rem;
  35.         }
  36.         .text-ocher{
  37.             color:#C5A600;
  38.         }
  39.         .ec-faq-list{
  40.             padding: 10px;
  41.             display: grid;
  42.             gap: 20px;
  43.         }
  44.         .ec-faq-list--title{
  45.             font-weight: normal;
  46.             display: flex;
  47.             align-items: center;
  48.             gap: 10px;
  49.             cursor: pointer;
  50.         }
  51.         .ec-faq-list--title:hover{
  52.             opacity: 0.8;
  53.         }
  54.         .ec-faq-list--title::before,
  55.         .ec-faq-list--item::before{
  56.             content: "";
  57.             display: inline-block;
  58.             width: 24px;
  59.             height: 24px;
  60.             background-image: url('{{ asset('assets/img/guide/icon_question.png') }}');
  61.             background-size: 100%;
  62.         }
  63.         .ec-faq-list--item::before{
  64.             background-image: url('{{ asset('assets/img/guide/icon_answer.png') }}');
  65.             position: absolute;
  66.             left: 20px;
  67.             top: 20px;
  68.         }
  69.         .ec-faq-list--item{
  70.             display: none;
  71.             position: relative;
  72.             background-color: #f8f7f3;
  73.             padding: 20px 20px 20px 54px;
  74.             margin: 0 0 30px 30px;
  75.             border-radius: 4px;
  76.             line-height: 26px;
  77.         }
  78.         .ec-faq-list--item.is-active{
  79.             display: block;
  80.         }
  81.         .st-Grid.border-style .st-Grid__item{
  82.             box-shadow: none;
  83.             border: 1px solid #DEE0E6;
  84.             padding: 12px;
  85.             border-radius: 4px;
  86.             background-color: transparent;
  87.         }
  88.         .st-Grid.border-style .st-Grid__item dl{
  89.             margin: 0;
  90.         }
  91.         .section-item--link-more{
  92.             padding-bottom: 20px;
  93.         }
  94.         .section-item--link-more a{
  95.             color: #05B4BE;
  96.         }
  97.         .section-item.section01{
  98.             padding-top: 0;
  99.         }
  100.         .section-item.section02{
  101.             padding: 0;
  102.         }
  103.         .section-item.section07,
  104.         .section-item.section09 {
  105.             background-color: #FCFBF5;
  106.         }
  107.         .section-bg1 {
  108.             background-color:hsla(60,0%,100%,1);
  109.             background-image:
  110.             radial-gradient(at 4% 10%, rgba(238, 238, 238, 0.644) 0px, transparent 20%), /* gray */
  111.             radial-gradient(circle at 28% 0%, #c5a60000 0px, transparent 20%), /* blue */
  112.             radial-gradient(at 18% 20%, hsla(60, 45%, 94%, 0.92) 0px, transparent 50%), /* gray */
  113.             radial-gradient(at 82% 10%, rgba(238, 238, 238, 0.644) 0px, transparent 50%), /* right_gray */
  114.             radial-gradient(at 44% 100%, hsla(61,0%,100%,1) 0px, transparent 50%), /* filler */
  115.             radial-gradient(at 11% 100%, hsla(60,0%,100%,1) 0px, transparent 50%); /* filler */ 
  116.         }
  117.         .section01 h1{
  118.             margin: .5rem 0;
  119.         }
  120.         .section01 h1 img{
  121.             max-width: 514px;
  122.         }
  123.         .section01 .ec-sliderRole{
  124.             padding-left: 0;
  125.             padding-right: 0;
  126.             margin-bottom: 10px;
  127.         }
  128.         .section01 .slick-slider {
  129.             margin-bottom: 30px;
  130.         }
  131.         .section01 .slick-dots {
  132.             position: absolute;
  133.             bottom: -30px;
  134.             display: block;
  135.             width: 100%;
  136.             padding: 0;
  137.             list-style: none;
  138.             text-align: center;
  139.         }
  140.         .section01 .slick-dots li {
  141.             position: relative;
  142.             display: inline-block;
  143.             width: 20px;
  144.             height: 20px;
  145.             margin: 0 5px;
  146.             padding: 0;
  147.             cursor: pointer;
  148.         }
  149.         .section01 .slick-dots li button {
  150.             font-size: 0;
  151.             line-height: 0;
  152.             display: block;
  153.             width: 20px;
  154.             height: 20px;
  155.             padding: 5px;
  156.             cursor: pointer;
  157.             color: transparent;
  158.             border: 0;
  159.             outline: none;
  160.             background: transparent;
  161.         }
  162.         .section01 .slick-dots li button:hover,
  163.         .section01 .slick-dots li button:focus {
  164.             outline: none;
  165.         }
  166.         .section01 .slick-dots li button:hover:before,
  167.         .section01 .slick-dots li button:focus:before {
  168.             opacity: 1;
  169.         }
  170.         .section01 .slick-dots li button:before {
  171.             content: " ";
  172.             line-height: 20px;
  173.             position: absolute;
  174.             top: 0;
  175.             left: 0;
  176.             width: 12px;
  177.             height: 12px;
  178.             text-align: center;
  179.             opacity: .25;
  180.             background-color: black;
  181.             border-radius: 50%;
  182.         }
  183.         .section01 .slick-dots li.slick-active button:before {
  184.             opacity: .75;
  185.             background-color: #C5A600;
  186.         }
  187.         .section01 .slick-dots li button.thumbnail img {
  188.             width: 0;
  189.             height: 0;
  190.         }
  191.         .section01 .item-body{
  192.             position: relative;
  193.         }
  194.         .section01 .slider-obi{
  195.             opacity: .8;
  196.             padding: 8px;
  197.             display: flex;
  198.             justify-content: space-between;
  199.             align-items: center;
  200.             position: absolute;
  201.             left: 0;
  202.             right: 0;
  203.             bottom: 20px;
  204.             font-size: clamp(10px, 1.2vw, 14px);
  205.             color: #fff;
  206.             background: linear-gradient(89.13deg, #D50015 -1.58%, #000000 52.33%, #0366DB 106.23%);
  207.             box-shadow: 0px 4px 4px 0px #00000040;
  208.         }
  209.         .section01 .ec-strength--list{
  210.             display: grid;
  211.             gap: 24px;
  212.             margin: 0;
  213.         }
  214.         .section01 .ec-strength--list-item{
  215.             display: flex;
  216.             align-items: center;
  217.             gap: 18px;
  218.         }
  219.         .section01 .ec-strength--list-img{
  220.             width: 66px;
  221.             border-radius: 50%;
  222.             overflow: hidden;
  223.         }
  224.         .section01 .ec-strength--list-txt{
  225.             width: calc(100% - 18px - 66px);
  226.         }
  227.         .section01 .ec-strength--list-txt dl,
  228.         .section01 .ec-strength--list-txt dd{
  229.             margin: 0;
  230.         }
  231.         .section01 .ec-strength--list-txt dt{
  232.             color: #C5A600;
  233.             font-size: 14px;
  234.             font-weight: 600;
  235.             margin-bottom: 4px;
  236.         }
  237.         .section01 .ec-strength--list-txt dd{
  238.             font-size: 12px;
  239.         }
  240.         .section02 .ec-info--item{
  241.             display: flex;
  242.             align-items: center;
  243.             gap: 24px;
  244.             font-size: 12px;
  245.         }
  246.         .section02 .ec-info--label{
  247.             background-color: #3686E4;
  248.             color: #fff;
  249.             border-radius: 4px;
  250.             padding: 4px 10px;
  251.             font-size: 10px;
  252.         }
  253.         .section02 .ec-info--separator{
  254.             width: 1px;
  255.             height: 18px;
  256.             background-color: #DDDDDD;
  257.         }
  258.         .section02 .ec-info--txt-wrap{
  259.             display: flex;
  260.             align-items: center;
  261.             gap: 24px;
  262.         }
  263.         .section03 .st-Grid__item.border,
  264.         .section04 .st-Grid__item.border{
  265.             border-color: #DEE0E6!important;
  266.         }
  267.         .section03 .st-Grid__item-img,
  268.         .section04 .st-Grid__item-img{
  269.             padding: 0;
  270.             min-height: unset;
  271.         }
  272.         .section03 .st-Grid__item-img img,
  273.         .section04 .st-Grid__item-img img,
  274.         .section05 .st-Grid__item-img img{
  275.             width: 100%;
  276.         }
  277.         .section05 .jirei-item img {
  278.             width: 100%;
  279.             height: auto;
  280.             max-width: 100%;
  281.             max-height: 340px;
  282.             aspect-ratio: auto;
  283.             object-fit: contain;
  284.             border-radius: 8px;
  285.             box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.25);
  286.         }
  287.         .section03 .st-Grid__item-text,
  288.         .section04 .st-Grid__item-text{
  289.             padding: 10px;
  290.         }
  291.         .section03 .st-Grid__item-text dt,
  292.         .section04 .st-Grid__item-text dt,
  293.         .section05 .st-Grid__item-text dt{
  294.             font-size: 14px;
  295.             color: #3C4246;
  296.             margin-bottom: 10px;
  297.         }
  298.         .section03 .st-Grid__item-text dd,
  299.         .section04 .st-Grid__item-text dd,
  300.         .section05 .st-Grid__item-text dd{
  301.             line-height: 26px;
  302.             font-size: 12px;
  303.         }
  304.         .section05 .st-Grid{
  305.             margin-top: 20px;
  306.         }
  307.         .section05 .st-Grid__item{
  308.             background: transparent;
  309.             box-shadow: none;
  310.         }
  311.         .section05 .st-Grid__item-img{
  312.             border-radius: 4px;
  313.             padding: 0;
  314.             min-height: unset;
  315.         }
  316.         .section05 .st-Grid__item-text{
  317.             padding: 10px 0;
  318.         }
  319.         .section05 .section-item--text p {
  320.             line-height: 28px;
  321.         }
  322.         .section05 .jirei-item {
  323.             width: 100%;
  324.             max-width: 340px;
  325.             margin: 0 auto;
  326.             text-align: center;
  327.             border-radius: 8px;
  328.         }
  329.         .section06 .slider_voice{
  330.             margin: 20px 0;
  331.         }
  332.         .section06 .slick-arrow{
  333.             background-color: #3C4246;
  334.             width: 20px;
  335.             height: 20px;
  336.             border-radius: 50%;
  337.             z-index: 1;
  338.         }
  339.         .section06 .slick-prev:before, .slick-next:before{
  340.             font-size: 10px;
  341.             font-weight: bold;
  342.             opacity: 1;
  343.         }
  344.         .section06 .slick-prev{
  345.             left: -30px;
  346.         }
  347.         .section06 .slick-next{
  348.             right: -30px;
  349.         }
  350.         .section06 .slick-track{
  351.             display: flex;
  352.         }
  353.         .section06 .slick-list{
  354.             margin: 0 -15px;
  355.         }
  356.         .section06 .slick-slide {
  357.             border: 1px solid #DEE0E6;
  358.             border-radius: 4px;
  359.             margin: 0 15px;
  360.             height: auto !important;
  361.         }
  362.         .section06 .item{
  363.             display: none;
  364.         }
  365.         .section06 .item-body{
  366.             display: flex;
  367.             gap: 12px;
  368.             padding: 12px;            
  369.         }
  370.         .section06 .item-img{
  371.             width: 96px;
  372.             text-align: center;
  373.         }
  374.         .section06 .item-txt{
  375.             width: calc(100% - 96px - 12px);
  376.             font-size: 12px;
  377.         }
  378.         .section06 .item-txt dt{
  379.             margin-bottom: 12px;
  380.             font-weight: 500;
  381.         }
  382.         .section06 .item-txt dd{
  383.             margin-bottom: 0;
  384.         }
  385.         .section07 .section-item--text h3{
  386.             font-size: 20px;
  387.             display: flex;
  388.             align-items: center;
  389.             gap: 8px;
  390.             margin-bottom: 24px;
  391.         }
  392.         .section07 .section-item--text h3 img{
  393.             width: 133px;
  394.         }
  395.         .section07 .section-item--text p{
  396.             line-height: 28px;
  397.         }
  398.         .section-item.section08 .st-Grid__item dt{
  399.             color: #C5A600;
  400.             font-size: 16px;
  401.             font-weight: normal;
  402.             margin-bottom: 12px;
  403.         }
  404.         .section-item.section08 .st-Grid__item .st-Grid__item--image{
  405.             width: 100px;
  406.             margin: 0 auto 12px;
  407.         }
  408.         .section-item.section08 .st-Grid{
  409.             grid-template-columns: 1fr 1fr;
  410.             gap: 12px;
  411.             margin-top: 20px;
  412.         }
  413.         .section-item.section08 .st-Grid__item--text{
  414.             text-align: left;
  415.         }
  416.         .section-item.section10{
  417.             background-color: #C5A600;
  418.         }
  419.         .section-item.section10 .ec-block{
  420.             padding-top: 36px;
  421.             padding-bottom: 36px;
  422.         }
  423.         .section-item.section10 .ec-block{
  424.             text-align: center;
  425.             color: #fff;
  426.         }
  427.         .section-item.section10 .ec-block h3{
  428.             font-size: 20px;
  429.         }
  430.         .section-item.section10 .ec-block p{
  431.             margin-bottom: 10px;
  432.         }
  433.         .section-item.section10 .ec-block .ec-inlineBtn{
  434.             border-radius: 30px;
  435.             border: none;
  436.             color: #c5a600;
  437.             overflow: hidden;
  438.             font-weight: normal;
  439.             padding-left: 36px;
  440.             padding-right: 36px;
  441.         }
  442.         .sectionSeparator {
  443.                 position: absolute;
  444.                 left: 0;
  445.                 right: 0;
  446.                 width: 100vw;
  447.                 height: 8px;
  448.                 box-shadow: 0 4px 6px -2px rgba(0, 0, 0, 0.25);
  449.                 overflow: hidden;
  450.                 padding: 20px 0;
  451.             }
  452.         .sectionSeparator--primary {
  453.                 background-color: #FFF;
  454.             }
  455.         .sectionSeparator--secondary {
  456.             background-color: #FFF;
  457.             position: relative;
  458.         }
  459.         .top-Flow {
  460.                 display: grid;
  461.                 grid-template-columns: repeat(auto-fit, minmax(115px, 1fr));
  462.                 gap: 20px 4%;
  463.                 margin-bottom: 24px;
  464.             }
  466.             .top-Flow__item--title {
  467.                 display: grid;
  468.                 grid-template-rows: 24px auto;
  469.                 text-align: center;
  470.                 background-color: #fff;
  471.                 border: 1px solid #C5A600;
  472.                 border-radius: 4px;
  473.                 padding: 20px 0;
  474.             }
  475.             .top-Flow__item--title h3 {
  476.                 font-size: 13px;
  477.                 font-weight: 600;
  478.                 margin: 0;
  479.             }
  481.             .top-Flow__item--title h3 span {
  482.                 color: #C5A600;
  483.                 display: block;
  484.             }
  485.         .image-text-container {
  486.             display: flex;
  487.             align-items: center;
  488.             gap: 4px;
  489.             padding: 8px 0;
  490.             }
  491.         .image-text-container img {
  492.             width: auto;
  493.             max-width: 24px;
  494.             height: auto;
  495.         }
  496.         .specific-link img {
  497.             transition: filter 0.3s ease;
  498.         }
  499.         .specific-link:hover img {
  500.         filter: brightness(110%);
  501.         }
  502.         .materialsection {
  503.             margin-top: 36px;
  504.             display: flex;
  505.             height: auto;
  506.         }
  507.         .mts-icon-container {
  508.             display: flex;
  509.             align-items: center;
  510.             justify-content: space-evenly;
  511.             flex-wrap: wrap;
  512.             width: 100%;
  513.             box-sizing: border-box;
  514.         }
  515.         .mts-title {
  516.             font-size: 20px;
  517.             font-weight: 700;
  518.             background-color: rgba(197, 166, 0, 0.10);
  519.             border: 1px solid #C5A600;
  520.             padding: 12px;
  521.             border-radius: 4px;
  522.             display: flex;
  523.             align-items: center;
  524.             width: auto;
  525.             height: 100px;
  526.             color: #C5A600;
  527.             white-space: nowrap;
  528.             text-align: center;
  529.             line-height: 1.5;
  530.             box-sizing: border-box;
  531.         }
  532.         .mts-icon-item {
  533.             display: flex;
  534.             flex-direction: column;
  535.             align-items: center;
  536.         }
  537.         .mts-icon-item img {
  538.             width: auto;
  539.             max-width: 60px;
  540.             height: auto;
  541.         }
  542.         @media (max-width: 1024px) {
  543.             .materialsection {
  544.                 flex-direction: column;
  545.                 padding: 4px;
  546.             }
  547.             .mts-title {
  548.                 width: 100%;
  549.                 white-space: wrap;
  550.             }
  551.             .mts-icon-container {
  552.                 width: 100%;
  553.                 flex-wrap: wrap;
  554.                 justify-content: flex-start;
  555.                 align-items: flex-start;
  556.                 row-gap: 10px;
  557.                 padding: 0 10px;
  558.                 gap: 5px;
  559.             }
  560.             .mt-icon-item {
  561.                 flex: 1 1 calc(33.33% - 10px);
  562.                 margin-bottom: 10px;
  563.                 min-width: 60px;
  564.             }
  565.             .mt-icon-item:nth-last-child(-n+3):nth-child(odd) {
  566.                 flex: 1 1 calc(50% - 10px);
  567.             }
  568.         }
  569.         @media only screen and (max-width: 767px){
  570.             .section01 .ec-sliderRole{
  571.                 margin-left: -20px;
  572.                 margin-right: -20px;
  573.                 width: auto;
  574.             }
  575.         }
  576.         @media only screen and (max-width: 1200px){
  577.             .section06 .slick-prev{
  578.                 left: -15px;
  579.             }
  580.             .section06 .slick-next{
  581.                 right: -15px;
  582.             }
  583.         }
  584.         @media only screen and (min-width: 1024px){
  585.             .section-item.section08 .st-Grid {
  586.                 grid-template-columns: 1fr 1fr 1fr;
  587.                 gap: 18px;
  588.                 margin-top: 20px;
  589.             }
  590.             .st-Grid.border-style .st-Grid__item{
  591.                 padding: 24px;
  592.             }
  593.             .section01 .ec-block{
  594.                 display: block;
  595.             }
  596.             .section01 .ec-sliderRole{
  597.                 width: 100%;
  598.                 margin: 0;
  599.             }
  600.             .section01 .ec-strength{
  601.                 width: 300px;
  602.             }
  603.             .section03 .st-Grid,
  604.             .section04 .st-Grid,
  605.             .section05 .st-Grid{
  606.                 grid-template-columns: 1fr 1fr 1fr 1fr;
  607.                 gap: 28px;
  608.             }
  609.             .section07 .ec-grid2 {
  610.                     gap: 32px;
  611.                     align-items: center;
  612.                 }
  613.             .section07 .section-item--text h3 {
  614.                     margin-top: 0;
  615.                 }
  616.         }
  617.     </style>
  618. {% endblock %}
  620. {% block javascript %}
  621.     <script>
  622.         $(function() {
  623.             $('.main_visual').slick({
  624.                 dots: true,
  625.                 arrows: false,
  626.                 autoplay: true,
  627.                 speed: 300
  628.             });
  629.             $('.slider_voice').slick({
  630.                 adaptiveHeight: false,
  631.                 slidesToShow: 3,
  632.                 slidesToScroll: 1,
  633.                 dots: false,
  634.                 arrows: true,
  635.                 autoplay: false,
  636.                 responsive: [
  637.                     {
  638.                         breakpoint: 821,
  639.                         settings: {
  640.                             slidesToShow: 2
  641.                         }
  642.                     },
  643.                     {
  644.                         breakpoint: 501,
  645.                         settings: {
  646.                             slidesToShow: 1
  647.                         }
  648.                     }
  649.                 ]
  650.             });
  651.             $('.ec-faq-list--title').on('click', function(){
  652.                 $(this).next().toggleClass('is-active');
  653.             });
  654.         });
  655.     </script>
  656. {% endblock javascript %}
  658. {% block main %}
  659. {% set obisvg = '<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.875 3.75C1.875 3.55109 1.95402 3.36032 2.09467 3.21967C2.23532 3.07902 2.42609 3 2.625 3H15.375C15.5739 3 15.7647 3.07902 15.9053 3.21967C16.046 3.36032 16.125 3.55109 16.125 3.75V14.25C16.125 14.4489 16.046 14.6397 15.9053 14.7803C15.7647 14.921 15.5739 15 15.375 15H2.625C2.42609 15 2.23532 14.921 2.09467 14.7803C1.95402 14.6397 1.875 14.4489 1.875 14.25V3.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.4375 6.75C5.58668 6.75 5.72976 6.69074 5.83525 6.58525C5.94074 6.47976 6 6.33668 6 6.1875C6 6.03832 5.94074 5.89524 5.83525 5.78975C5.72976 5.68426 5.58668 5.625 5.4375 5.625C5.28832 5.625 5.14524 5.68426 5.03975 5.78975C4.93426 5.89524 4.875 6.03832 4.875 6.1875C4.875 6.33668 4.93426 6.47976 5.03975 6.58525C5.14524 6.69074 5.28832 6.75 5.4375 6.75Z" stroke="white" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.625 9L7.5 10.5L9.75 7.875L16.125 12.75V14.25C16.125 14.4489 16.046 14.6397 15.9053 14.7803C15.7647 14.921 15.5739 15 15.375 15H2.625C2.42609 15 2.23532 14.921 2.09467 14.7803C1.95402 14.6397 1.875 14.4489 1.875 14.25V12.75L5.625 9Z" stroke="white" stroke-linejoin="round"/></svg>' %}
  660. <section class="section01 section-item">
  661.     <div class="ec-role">
  662.         <h1 class="topcopy"><img src="{{ asset('assets/img/top/topcopy.png') }}" title="その、オリジナルな想いをステッカーにします"></h1>
  663.         <div class="ec-block">
  664.             <div class="ec-sliderRole">
  665.                 <div class="main_visual">
  666.                     <div class="item slick-slide">
  667.                         <div class="item-body">
  668.                             <img src="{{ asset('assets/img/top/slider1.jpg') }}">
  669.                             <div class="slider-obi">
  670.                                 <span class="slider-obi--copy">コーポレート・ロゴステッカー・チーム結束力</span>
  671.                                 <span class="slider-obi--type">{{ obisvg | raw }}カッティングステッカー</span>
  672.                             </div>
  673.                         </div>
  674.                     </div>
  675.                     <div class="item slick-slide">
  676.                         <div class="item-body">
  677.                             <img src="{{ asset('assets/img/top/slider2.jpg') }}">
  678.                             <div class="slider-obi">
  679.                                 <span class="slider-obi--copy">仲間意識・チームステッカー・チーム結束力</span>
  680.                                 <span class="slider-obi--type">{{ obisvg | raw }}プリントステッカー</span>
  681.                             </div>
  682.                         </div>
  683.                     </div>
  684.                     <div class="item slick-slide">
  685.                         <div class="item-body">
  686.                             <img src="{{ asset('assets/img/top/slider3.jpg') }}">
  687.                             <div class="slider-obi">
  688.                                 <span class="slider-obi--copy">店舗・サインステッカー・認知力</span>
  689.                                 <span class="slider-obi--type">{{ obisvg | raw }}カッティングステッカー</span>
  690.                             </div>
  691.                         </div>
  692.                     </div>
  693.                     <div class="item slick-slide">
  694.                         <div class="item-body">
  695.                             <img src="{{ asset('assets/img/top/slider4.jpg') }}">
  696.                             <div class="slider-obi">
  697.                                 <span class="slider-obi--copy">スポーツ・チームステッカー・地域活動</span>
  698.                                 <span class="slider-obi--type">{{ obisvg | raw }}プリントステッカー</span>
  699.                             </div>
  700.                         </div>
  701.                     </div>
  702.                     <div class="item slick-slide">
  703.                         <div class="item-body">
  704.                             <img src="{{ asset('assets/img/top/slider5.jpg') }}">
  705.                             <div class="slider-obi">
  706.                                 <span class="slider-obi--copy">アイテム・趣味ステッカー・生き方深度</span>
  707.                                 <span class="slider-obi--type">{{ obisvg | raw }}カッティングステッカー</span>
  708.                             </div>
  709.                         </div>
  710.                     </div>
  711.                     <div class="item slick-slide">
  712.                         <div class="item-body">
  713.                             <img src="{{ asset('assets/img/top/slider6.jpg') }}">
  714.                             <div class="slider-obi">
  715.                                 <span class="slider-obi--copy">あそび・パロディステッカー・ビール大好き</span>
  716.                                 <span class="slider-obi--type">{{ obisvg | raw }}プリントステッカー</span>
  717.                             </div>
  718.                         </div>
  719.                     </div>
  720.                 </div>
  721.             </div>
  722.         </div>
  723.     </div>
  724. </section>
  725. <section class="section02 section-item">
  726.     <div class="ec-role">
  727.         <div class="ec-block">
  728.             <div class="ec-info">
  729.                 <div class="ec-info--item">
  730.                     <div class="ec-info--label"><span class="ec-info--label-txt">お知らせ</span></div>
  731.                     <div class="ec-info--date"><span class="ec-info--date-txt">2026.07.21</span></div>
  732.                     <div class="ec-info--separator"></div>
  733.                     <div class="ec-info--txt">
  734.                         <span class="ec-info--txt-wrap">
  735.                             受付一時停止のお知らせ
  736.                             <a class="page-transition" href="/info/">
  737.                             <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.59375 5.08213L5.15625 8.36338C4.96094 8.53916 4.66797 8.53916 4.49219 8.34385C4.31641 8.14853 4.31641 7.85557 4.51172 7.67978L7.10938 5.19932H0.46875C0.195312 5.19932 0 5.004 0 4.73057C0 4.47666 0.195312 4.26182 0.46875 4.26182H7.10938L4.51172 1.80088C4.31641 1.6251 4.31641 1.3126 4.49219 1.13682C4.66797 0.941503 4.98047 0.941503 5.15625 1.11728L8.59375 4.39853C8.69141 4.49619 8.75 4.61338 8.75 4.73057C8.75 4.86728 8.69141 4.98447 8.59375 5.08213Z" fill="#53616E"/></svg>
  738.                             </a>
  739.                         </span>
  740.                     </div>
  741.                 </div>
  742.             </div>
  743.             <div class="ec-info">
  744.                 <div class="ec-info--item">
  745.                     <div class="ec-info--label"><span class="ec-info--label-txt">お知らせ</span></div>
  746.                     <div class="ec-info--date"><span class="ec-info--date-txt">2025.06.20</span></div>
  747.                     <div class="ec-info--separator"></div>
  748.                     <div class="ec-info--txt">
  749.                         <span class="ec-info--txt-wrap">
  750.                             サイトリニューアルに伴う、サービス内容の変更等のお知らせ｜更新
  751.                             <a class="page-transition" href="/info/">
  752.                             <svg width="9" height="9" viewBox="0 0 9 9" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8.59375 5.08213L5.15625 8.36338C4.96094 8.53916 4.66797 8.53916 4.49219 8.34385C4.31641 8.14853 4.31641 7.85557 4.51172 7.67978L7.10938 5.19932H0.46875C0.195312 5.19932 0 5.004 0 4.73057C0 4.47666 0.195312 4.26182 0.46875 4.26182H7.10938L4.51172 1.80088C4.31641 1.6251 4.31641 1.3126 4.49219 1.13682C4.66797 0.941503 4.98047 0.941503 5.15625 1.11728L8.59375 4.39853C8.69141 4.49619 8.75 4.61338 8.75 4.73057C8.75 4.86728 8.69141 4.98447 8.59375 5.08213Z" fill="#53616E"/></svg>
  753.                             </a>
  754.                         </span>
  755.                     </div>
  756.                 </div>
  757.             </div>
  758.         </div>
  759.     </div>
  760. </section>
  761. <div class="sectionSeparator sectionSeparator--primary"></div>
  762.     <section class="section05 section-item2 section-bg1">
  763.         <div class="ec-role">
  764.             <div class="ec-block">
  765.                 <div class="ec-grid2 mt-5">
  766.                     <div class="ec-grid2__cell2 section-item--text">
  767.                         <div class="read-paragraph text-ocher">
  768.                             <h3 class="h3 fw-bold mt-5">カッティングステッカー</h3>
  769.                             <p>表面の転写シートを剥がすと、デザインだけが残って露出します。<br>
  770.                                 単色文字・シルエットデザインに最適。<br>
  771.                                 切り絵・切り文字ステッカーを作ります。<br>
  772.                                 カッティングシート作成・加工サービスです。</p>
  773.                         </div>
  774.                     </div>
  775.                     <div class="ec-grid2__cell2 mt-3">
  776.                         <div class="ec-grid2__cell2 section-item--bnr">
  777.                             <img src="{{ asset('assets/img/top/top_cs_anime.gif') }}">
  778.                         </div>
  779.                     </div>
  780.                 </div>
  781.                 <div class="ec-pageHeader">
  782.                     <h3 class="h1">ご活用事例</h3>
  783.                 </div>
  784.                 <div class="st-Grid">
  785.                         <div class="jirei-item">
  786.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-freee"><img src="{{ asset('assets/img/top/jirei1.jpg') }}"></div></a>
  787.                             <dl class="st-Grid__item-text text-left">
  788.                                 <dd>いつも弊社ステッカーについて、ご対応ありがとうございます。</dd>
  789.                             </dl>
  790.                         </div>
  791.                         <div class="jirei-item">
  792.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-h_m"><img src="{{ asset('assets/img/top/jirei2.jpg') }}"></div></a>
  793.                             <dl class="st-Grid__item-text text-left">
  794.                                 <dd>早速くるまに貼ってみました。最高です。。。！大満足です！</dd>
  795.                             </dl>
  796.                         </div>
  797.                         <div class="jirei-item">
  798.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-kinokaguya"><img src="{{ asset('assets/img/top/jirei3.jpg') }}"></div></a>
  799.                             <dl class="st-Grid__item-text text-left">
  800.                                 <dd>初めての事でしたが、おかげ様でイメージ通りに無事に施工致しました。</dd>
  801.                             </dl>
  802.                         </div>
  803.                         <div class="jirei-item">
  804.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-yoshida_zouen"><img src="{{ asset('assets/img/top/jirei4.jpg') }}"></div></a>
  805.                             <dl class="st-Grid__item-text text-left">
  806.                                 <dd>イメージ通りの仕上がりに大変満足しております。</dd>
  807.                             </dl>
  808.                         </div>
  809.                         <div class="jirei-item">
  810.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-runway10"><img src="{{ asset('assets/img/top/jirei5.jpg') }}"></div></a>
  811.                             <dl class="st-Grid__item-text text-left">
  812.                                 <dd>愛艇に素敵な名前が入りました。</dd>
  813.                             </dl>
  814.                         </div>
  815.                         <div class="jirei-item">
  816.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-t_gear"><img src="{{ asset('assets/img/top/jirei6.jpg') }}"></div></a>
  817.                             <dl class="st-Grid__item-text text-left">
  818.                                 <dd>仕上がりがとても綺麗で大変気に入ってます。</dd>
  819.                             </dl>
  820.                         </div>
  821.                         <div class="jirei-item">
  822.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-spiders"><img src="{{ asset('assets/img/top/jirei7.jpg') }}"></div></a>
  823.                             <dl class="st-Grid__item-text text-left">
  824.                                 <dd>おかげさまでステッカーも好評です。</dd>
  825.                             </dl>
  826.                         </div>
  827.                         <div class="jirei-item">
  828.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-beautysalon_tsuji"><img src="{{ asset('assets/img/top/jirei8.jpg') }}"></div></a>
  829.                             <dl class="st-Grid__item-text text-left">
  830.                                 <dd>いい感じになりました。ありがとうございました！</dd>
  831.                             </dl>
  832.                     </div>
  833.                 </div>
  834.             </div>
  835.         </div>
  836.         <div class="ec-role">
  837.             <div class="read-paragraph">貼り付けをうまく行うための様々な工夫</div>
  838.                     <div class="section-item--text">
  839.                         <div class="text-ocher my-2">
  840.                             <dt>すぐに使える、一体型マーキングシート。</dt>
  841.                         </div>
  842.                         <p>
  843.                             届いたらすぐ貼れるように、転写シートを貼り付けた状態でお届けしています。<br>
  844.                             同色デザインを構成しているパーツや文字を、この転写シートによって、まとめて貼り付けることが可能になります。<br>
  845.                             貼り付け作業を楽にしてくれる、フェルト付きのスキージも一緒にご購入いただけます。
  846.                         </p>
  847.                         <div class="text-ocher my-2">
  848.                             <dt>転写シートの素材も選択可能。</dt>
  849.                         </div>
  850.                         <p>
  851.                             貼ったあとで剥がすだけの部分、選べる必要があるの？<br>
  852.                             カッティングステッカーを初めて貼る方や、大きめサイズの場合には柔軟性の高い「和紙」タイプがオススメ。<br>
  853.                             「透明フィルム」タイプは、デザイン・色を確認しやすく、納品時の見栄えや貼り付け時の視認性に優れます。
  854.                         </p>
  855.                 </div>
  856.         </div>
  857.     </div>
  858.      <div class="ec-role">
  859.             <div class="ec-block">
  860.                 <div class="materialsection">
  861.                     <div class="mts-title">カッティングステッカー制作</div>
  862.                     <div class="mts-icon-container">
  863.                         <div class="mts-icon-item">
  864.                             <img src="{{ asset('assets/img/top/mt_onesheet.png') }}" alt="1枚から">
  865.                         </div>
  866.                         <div class="mts-icon-item">
  867.                             <img src="{{ asset('assets/img/top/mt_discount.png') }}" alt="枚数割引">
  868.                         </div>
  869.                         <div class="mts-icon-item">
  870.                             <img src="{{ asset('assets/img/top/mt_waterproofing.png') }}" alt="防水OK">
  871.                         </div>
  872.                         <div class="mts-icon-item">
  873.                             <img src="{{ asset('assets/img/top/mt_outdoors.png') }}" alt="屋外OK">
  874.                         </div>
  875.                         <div class="mts-icon-item">
  876.                             <img src="{{ asset('assets/img/top/mt_readytouse.png') }}" alt="すぐに使える">
  877.                         </div>
  878.                         <div class="mts-icon-item">
  879.                             <img src="{{ asset('assets/img/top/mt_transliteration.png') }}" alt="転写素材も選択可">
  880.                         </div>
  881.                         <div class="mts-icon-item">
  882.                             <img src="{{ asset('assets/img/top/mt_text.png') }}" alt="文字のみ印刷OK">
  883.                         </div>
  884.                     </div> 
  885.                 </div>
  886.             </div>
  887.         </div>
  888.     </section>
  889.     <section class="section03 section-item">
  890.     <div class="ec-role">
  891.         <div class="ec-block">
  892.             <div class="st-Grid">
  893.                 <div class="st-Grid__item border">
  894.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/ct_general_color.jpg') }}"></div>
  895.                     <dl class="st-Grid__item-text text-left">
  896.                         <dt>一般色</dt>
  897.                         <dd>5年耐候の高品質素材。ベーシック&ポピュラーで最小文字4mmの精密さ。</dd>
  898.                     </dl>
  899.                 </div>
  900.                 <div class="st-Grid__item border">
  901.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/ct_metallic.jpg') }}"></div>
  902.                     <dl class="st-Grid__item-text text-left">
  903.                         <dt>メタリック</dt>
  904.                         <dd>スタンダードなメタリック素材。落ち着いた風合いです。</dd>
  905.                     </dl>
  906.                 </div>
  907.                 <div class="st-Grid__item border">
  908.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/ct_lame.jpg') }}"></div>
  909.                     <dl class="st-Grid__item-text text-left">
  910.                         <dt>ラメ</dt>
  911.                         <dd>ラメ粒子入りのカッティング素材。艶やかで華やかな高級感を演出します。</dd>
  912.                     </dl>
  913.                 </div>
  914.                 <div class="st-Grid__item border">
  915.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/ct_mirror.jpg') }}"></div>
  916.                     <dl class="st-Grid__item-text text-left">
  917.                         <dt>ミラー</dt>
  918.                         <dd>鏡面仕上げで金属的な光沢を持つメタリック素材です。</dd>
  919.                     </dl>
  920.                 </div>
  921.                 <div class="st-Grid__item border">
  922.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/ct_reflector.jpg') }}"></div>
  923.                     <dl class="st-Grid__item-text text-left">
  924.                         <dt>反射</dt>
  925.                         <dd>浴びた光を反射することで輝き、暗い環境でも視認性を高める再帰性反射素材。</dd>
  926.                     </dl>
  927.                 </div>
  928.                 <div class="st-Grid__item border">
  929.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/ct_inside_film.jpg') }}"></div>
  930.                     <dl class="st-Grid__item-text text-left">
  931.                         <dt>ガラスの内側から貼る</dt>
  932.                         <dd>ガラスの内側から貼って、表側から内容を確認します。</dd>
  933.                     </dl>
  934.                 </div>
  935.             </div>
  936.         </div>
  937.         <div class="st-Flow mt-5">
  938.             <a class="page-transition" href="{{ is_new_reception_stopped() ? url('info') : '/products/estimate/cutting_sticker/' }}">カッティングステッカーお申込みフォーム</a>
  939.             <a class="page-transition" href="/gallery/">活用事例をもっと見る</a>
  940.             <a class="page-transition" href="/products/apply_sticker_cutting/">詳しい貼り方を見る</a>
  941.         </div>
  942.     </div>
  943. </section>
  944. <div class="sectionSeparator sectionSeparator--secondary"></div>
  945.     <section class="section05 section-item2  section-bg1">
  946.         <div class="ec-role">
  947.             <div class="ec-block">
  948.                 <div class="ec-grid2">
  949.                     <div class="ec-grid2__cell2 section-item--text">
  950.                         <div class="read-paragraph text-ocher">
  951.                             <h3 class="h3 fw-bold  mt-5">プリントステッカー</h3>
  952.                             <p>屋外にも強いステッカー印刷です。<br>
  953.                                 ベースになるフィルム素材にフルカラー印刷を施します。<br>
  954.                                 多色・グラデーションも綺麗に表現します。</p>
  955.                         </div>
  956.                     </div>
  957.                     <div class="ec-grid2__cell2 mt-3">
  958.                         <div class="ec-grid2__cell2 section-item--bnr">
  959.                             <img src="{{ asset('assets/img/top/print.jpg') }}">
  960.                         </div>
  961.                     </div>
  962.                 </div>
  963.                 <div class="ec-pageHeader">
  964.                     <h3 class="h1">ご活用事例</h3>
  965.                 </div>
  966.                 <div class="st-Grid">
  967.                         <div class="jirei-item">
  968.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-rikimaru"><img src="{{ asset('assets/img/top/pt_jirei1.jpg') }}"></div></a>
  969.                             <dl class="st-Grid__item-text text-left">
  970.                                 <dd>親切丁寧に対応していただきました！仕上がりもとても綺麗で大満足です！</dd>
  971.                             </dl>
  972.                         </div>
  973.                         <div class="jirei-item">
  974.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-tanaka_setsubi"><img src="{{ asset('assets/img/top/pt_jirei2.jpg') }}"></div></a>
  975.                             <dl class="st-Grid__item-text text-left">
  976.                                 <dd>早ステッカーは工具箱や工事用ヘルメット、工事車両等に貼って大活躍です。</dd>
  977.                             </dl>
  978.                         </div>
  979.                         <div class="jirei-item">
  980.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-kobayashi_cleaning"><img src="{{ asset('assets/img/top/pt_jirei3.jpg') }}"></div></a>
  981.                             <dl class="st-Grid__item-text text-left">
  982.                                 <dd>ステッカーきれいに貼ることが出来ました。この車でバンバン営業周ります。</dd>
  983.                             </dl>
  984.                         </div>
  985.                         <div class="jirei-item">
  986.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-naka"><img src="{{ asset('assets/img/top/pt_jirei4.jpg') }}"></div></a>
  987.                             <dl class="st-Grid__item-text text-left">
  988.                                 <dd>夜間の注意喚起が不安でしたが、しっかり夜に反射発光してるようです。</dd>
  989.                             </dl>
  990.                         </div>
  991.                         <div class="jirei-item">
  992.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-koryo_fishing_club"><img src="{{ asset('assets/img/top/pt_jirei5.jpg') }}"></div></a>
  993.                             <dl class="st-Grid__item-text text-left">
  994.                                 <dd>ステッカーも文句の付けようのない仕上がりで満足しております。</dd>
  995.                             </dl>
  996.                         </div>
  997.                         <div class="jirei-item">
  998.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-myoko_mountain_lodge"><img src="{{ asset('assets/img/top/pt_jirei6.jpg') }}"></div></a>
  999.                             <dl class="st-Grid__item-text text-left">
  1000.                                 <dd>おかげさまで無事に新しい車にも同じステッカーをつけることができました。</dd>
  1001.                             </dl>
  1002.                         </div>
  1003.                         <div class="jirei-item">
  1004.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-flatroadlovers"><img src="{{ asset('assets/img/top/pt_jirei7.jpg') }}"></div></a>
  1005.                             <dl class="st-Grid__item-text text-left">
  1006.                                 <dd>チームの良いPRになりそうです。今後も何か作るときはお願いさせていただきます。</dd>
  1007.                             </dl>
  1008.                         </div>
  1009.                         <div class="jirei-item">
  1010.                             <div class="jirei-item img"><a class="specific-link" href="gallery/sticker-photos-yoneo"><img src="{{ asset('assets/img/top/pt_jirei8.jpg') }}"></div></a>
  1011.                             <dl class="st-Grid__item-text text-left">
  1012.                                 <dd>いい感じに仕上がっていて、イメージ通りでした。</dd>
  1013.                             </dl>
  1014.                     </div>
  1015.                 </div>
  1016.             </div>
  1017.         </div>
  1018.      <div class="ec-role">
  1019.             <div class="ec-block">
  1020.                 <div class="materialsection">
  1021.                     <div class="mts-title">プリントステッカー制作</div>
  1022.                     <div class="mts-icon-container">
  1023.                         <div class="mts-icon-item">
  1024.                             <img src="{{ asset('assets/img/top/mt_shortlot.png') }}" alt="小ロット">
  1025.                         </div>
  1026.                         <div class="mts-icon-item">
  1027.                             <img src="{{ asset('assets/img/top/mt_discount.png') }}" alt="枚数割引">
  1028.                         </div>
  1029.                         <div class="mts-icon-item">
  1030.                             <img src="{{ asset('assets/img/top/mt_waterproofing.png') }}" alt="防水OK">
  1031.                         </div>
  1032.                         <div class="mts-icon-item">
  1033.                             <img src="{{ asset('assets/img/top/mt_outdoors.png') }}" alt="屋外OK">
  1034.                         </div>
  1035.                         <div class="mts-icon-item">
  1036.                             <img src="{{ asset('assets/img/top/mt_fullcolor.png') }}" alt="フルカラー">
  1037.                         </div>
  1038.                         <div class="mts-icon-item">
  1039.                             <img src="{{ asset('assets/img/top/mt_whiteink.png') }}" alt="ホワイトインク">
  1040.                         </div>
  1041.                         <div class="mts-icon-item">
  1042.                             <img src="{{ asset('assets/img/top/mt_shapcut.png') }}" alt="形状カット">
  1043.                         </div>
  1044.                     </div> 
  1045.                 </div>
  1046.             </div>
  1047.         </div>
  1048.     </section>
  1049. <section class="section03 section-item">
  1050.     <div class="ec-role">
  1051.         <div class="ec-block">
  1052.             <div class="st-Grid">
  1053.                 <div class="st-Grid__item border">
  1054.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print1.jpg') }}"></div>
  1055.                     <dl class="st-Grid__item-text text-left">
  1056.                         <dt>グロスホワイト</dt>
  1057.                         <dd>光沢があることで色がより鮮明に見えます。スタンダードなステッカー素材。</dd>
  1058.                     </dl>
  1059.                 </div>
  1060.                 <div class="st-Grid__item border">
  1061.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print2.jpg') }}"></div>
  1062.                     <dl class="st-Grid__item-text text-left">
  1063.                         <dt>マットホワイト</dt>
  1064.                         <dd>光の反射が少ない艶消しは落ち着いた印象を与えます。実用性高く一押しです。</dd>
  1065.                     </dl>
  1066.                 </div>
  1067.                 <div class="st-Grid__item border">
  1068.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print3.jpg') }}"></div>
  1069.                     <dl class="st-Grid__item-text text-left">
  1070.                         <dt>透明フィルム</dt>
  1071.                         <dd>透明の素材。貼る場所の下地をいかせるベース素材です。</dd>
  1072.                     </dl>
  1073.                 </div>
  1074.                 <div class="st-Grid__item border">
  1075.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print4.jpg') }}"></div>
  1076.                     <dl class="st-Grid__item-text text-left">
  1077.                         <dt>ヘアライン</dt>
  1078.                         <dd>鏡表面に細かいラインが入っていて、ステンレス調の風合いを演出します。</dd>
  1079.                     </dl>
  1080.                 </div>
  1081.                 <div class="st-Grid__item border">
  1082.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print5.jpg') }}"></div>
  1083.                     <dl class="st-Grid__item-text text-left">
  1084.                         <dt>マットメタリック</dt>
  1085.                         <dd>メタリックな質感がありながら、光の反射が抑えられ、シックで上質な風合い。</dd>
  1086.                     </dl>
  1087.                 </div>
  1088.                 <div class="st-Grid__item border">
  1089.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print6.jpg') }}"></div>
  1090.                     <dl class="st-Grid__item-text text-left">
  1091.                         <dt>ミラー</dt>
  1092.                         <dd>光沢感が強い、鏡面仕上げの素材。光を反射しやすいため濃淡のある配色が○。</dd>
  1093.                     </dl>
  1094.                 </div>
  1095.                 <div class="st-Grid__item border">
  1096.                     <div class="st-Grid__item-img"><img src="{{ asset('assets/img/top/print7.jpg') }}"></div>
  1097.                     <dl class="st-Grid__item-text text-left">
  1098.                         <dt>反射フィルム</dt>
  1099.                         <dd>広角の再帰性反射素材です。安全性効果を兼ね備えます。</dd>
  1100.                     </dl>
  1101.                 </div>
  1102.             </div>
  1103.         </div>
  1104.         <div class="st-Flow mt-5">
  1105.             <a class="page-transition" href="{{ is_new_reception_stopped() ? url('info') : '/products/estimate/print_sticker/' }}">プリントステッカーお申込みフォーム</a>
  1106.             <a class="page-transition" href="/gallery/">活用事例をもっと見る</a>
  1107.         </div>
  1108.     </div>
  1109. </section>
  1110. <div class="sectionSeparator sectionSeparator--secondary"></div>
  1111. <section class="section06 section-item">
  1112.     <div class="ec-role">
  1113.         <div class="ec-pageHeader"><h3 class="h1">商品お届けまでのおおまかな流れ</h3></div>
  1114.             <div class="ec-block">
  1115.                 <div class="top-Flow">
  1116.                     <div class="top-Flow__item--title">
  1117.                         <h3><span>STEP1</span></h3>
  1118.                         <div>お申込み</div>
  1119.                         <div class="st-Flow__item--image">
  1120.                             <svg width="48" height="65" viewBox="0 0 48 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  1121.                                 <rect y="0.23999" width="48" height="64" rx="4" fill="#C5A600"></rect>
  1122.                                 <path
  1123.                                     d="M24.2497 23.74C25.6341 23.74 26.9875 23.3294 28.1387 22.5603C29.2898 21.7911 30.187 20.6979 30.7168 19.4188C31.2466 18.1397 31.3853 16.7322 31.1152 15.3744C30.8451 14.0165 30.1784 12.7692 29.1994 11.7902C28.2204 10.8113 26.9732 10.1446 25.6153 9.8745C24.2574 9.6044 22.85 9.74302 21.5709 10.2728C20.2918 10.8026 19.1985 11.6999 18.4294 12.851C17.6602 14.0021 17.2497 15.3555 17.2497 16.74C17.2495 17.6593 17.4304 18.5696 17.7821 19.419C18.1339 20.2683 18.6495 21.0401 19.2995 21.6901C19.9496 22.3402 20.7213 22.8558 21.5707 23.2075C22.42 23.5592 23.3304 23.7402 24.2497 23.74ZM29.1495 25.4903H28.2362C26.9863 26.0668 25.6262 26.3653 24.2497 26.3653C22.8732 26.3653 21.513 26.0668 20.2631 25.4903H19.3498C17.4005 25.4903 15.5311 26.2647 14.1527 27.643C12.7744 29.0214 12 30.8908 12 32.8401L12 35.1145C12 35.8108 12.2766 36.4786 12.769 36.971C13.2614 37.4634 13.9292 37.74 14.6255 37.74H33.8738C34.5701 37.74 35.2379 37.4634 35.7303 36.971C36.2227 36.4786 36.4993 35.8108 36.4993 35.1145V32.8388C36.4993 30.8895 35.725 29.02 34.3466 27.6417C32.9683 26.2633 31.0988 25.4903 29.1495 25.4903Z"
  1124.                                     fill="white"></path>
  1125.                                 <path
  1126.                                     d="M11.232 45.996C11.184 46.224 11.136 46.74 11.124 47.04C11.064 47.988 11.028 49.284 11.028 50.4C11.028 51.708 11.1 53.784 11.1 54.48C11.1 55.956 10.572 56.364 9.78 56.364C8.616 56.364 6.96 55.356 6.96 54.084C6.96 52.92 8.46 51.696 10.128 51.108C11.196 50.724 12.408 50.532 13.32 50.532C15.168 50.532 16.632 51.492 16.632 53.148C16.632 54.576 15.888 55.644 13.98 56.112C13.428 56.232 12.888 56.268 12.396 56.316L11.856 54.756C12.384 54.756 12.912 54.756 13.32 54.672C14.292 54.504 15.072 54.012 15.072 53.148C15.072 52.32 14.352 51.852 13.308 51.852C12.288 51.852 11.232 52.068 10.296 52.44C9.216 52.848 8.448 53.496 8.448 54.012C8.448 54.396 9.012 54.72 9.324 54.72C9.54 54.72 9.696 54.624 9.696 54.204C9.696 53.58 9.636 51.912 9.636 50.46C9.636 49.092 9.648 47.604 9.648 47.052C9.648 46.812 9.612 46.212 9.576 45.996H11.232ZM14.652 47.304C15.564 47.748 16.956 48.528 17.604 48.984L16.872 50.208C16.296 49.728 14.736 48.828 13.992 48.468L14.652 47.304ZM7.284 47.964C7.992 48.048 8.508 48.048 8.94 48.048C10.188 48.048 12.06 47.82 13.296 47.46L13.332 48.948C11.976 49.26 10.044 49.476 8.988 49.476C8.196 49.476 7.728 49.464 7.32 49.416L7.284 47.964ZM22.464 47.808L24 48.108C23.088 49.404 21.864 50.484 20.016 51.336C19.824 51 19.38 50.496 19.068 50.268C20.76 49.62 21.864 48.708 22.464 47.808ZM22.8 48.612H26.388V49.692H21.816L22.8 48.612ZM25.956 48.612H26.232L26.472 48.552L27.444 49.128C25.86 51.78 22.464 53.22 19.008 53.892C18.876 53.52 18.576 52.932 18.324 52.62C21.54 52.128 24.756 50.832 25.956 48.816V48.612ZM22.224 49.428C23.616 50.988 26.412 51.948 29.652 52.26C29.328 52.596 28.932 53.244 28.728 53.652C25.428 53.196 22.692 52.02 20.976 49.98L22.224 49.428ZM20.604 53.064H27.504V56.796H26.028V54.24H22.008V56.82H20.604V53.064ZM21.312 55.272H26.748V56.448H21.312V55.272ZM23.22 45.564H24.708V47.268H23.22V45.564ZM18.828 46.536H29.172V49.188H27.696V47.832H20.232V49.188H18.828V46.536ZM34.764 46.884H41.352V48.024H34.764V46.884ZM35.088 48.492H41.1V49.572H35.088V48.492ZM34.536 50.088H41.568V51.264H34.536V50.088ZM39.384 45.528L40.812 45.876C40.488 46.416 40.164 46.944 39.924 47.292L38.796 46.968C39.012 46.548 39.264 45.948 39.384 45.528ZM35.532 45.948L36.66 45.576C36.936 45.984 37.236 46.536 37.344 46.908L36.144 47.34C36.048 46.968 35.784 46.38 35.532 45.948ZM40.428 51.492L41.508 52.26C40.98 52.812 40.344 53.4 39.864 53.784L38.94 53.076C39.408 52.68 40.056 51.996 40.428 51.492ZM34.764 52.176L35.748 51.528C36.18 51.972 36.708 52.584 36.948 53.004L35.916 53.724C35.7 53.292 35.196 52.644 34.764 52.176ZM34.068 54.888C34.788 54.564 35.844 54.024 36.876 53.496L37.248 54.66C36.408 55.152 35.46 55.68 34.692 56.1L34.068 54.888ZM37.368 47.652H38.748V55.392C38.748 56.04 38.64 56.388 38.256 56.604C37.86 56.82 37.284 56.844 36.528 56.844C36.492 56.472 36.324 55.908 36.156 55.572C36.564 55.584 37.032 55.584 37.176 55.584C37.32 55.584 37.368 55.524 37.368 55.392V47.652ZM38.676 51.492C39.204 53.1 40.26 54.48 41.796 55.104C41.508 55.368 41.088 55.896 40.884 56.268C39.324 55.404 38.304 53.724 37.74 51.708L38.676 51.492ZM30.528 48.036H34.5V49.368H30.528V48.036ZM31.992 45.552H33.3V56.82H31.992V45.552ZM31.968 48.948L32.772 49.224C32.424 51.12 31.74 53.436 30.888 54.672C30.768 54.288 30.456 53.736 30.252 53.4C31.02 52.356 31.692 50.472 31.968 48.948ZM33.24 49.824C33.504 50.148 34.488 51.66 34.692 51.996L33.948 53.028C33.684 52.332 32.964 50.964 32.64 50.4L33.24 49.824Z"
  1127.                                     fill="white"></path>
  1128.                             </svg>
  1129.                         </div>
  1130.                     </div>
  1131.                     <div class="top-Flow__item--title">
  1132.                         <h3><span>STEP2</span></h3>
  1133.                         <div>お見積り</div>
  1134.                         <div class="st-Flow__item--image"><svg width="48" height="65" viewBox="0 0 48 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  1135.                             <rect x="1" y="1.23999" width="46" height="62" rx="3" fill="white"></rect>
  1136.                             <rect x="1" y="1.23999" width="46" height="62" rx="3" stroke="#C5A600" stroke-width="2"></rect>
  1137.                             <path d="M40.2504 18.0345L38.0004 11.0349C37.9222 10.7934 37.7698 10.5851 37.5667 10.4419C37.3635 10.2987 37.1208 10.2283 36.8754 10.2416H12.1254C11.8801 10.2283 11.6373 10.2987 11.4342 10.4419C11.2311 10.5851 11.0787 10.7934 11.0004 11.0349L8.75044 18.0345C8.73423 18.1583 8.73423 18.2839 8.75044 18.4078V25.4074C8.75044 25.7168 8.86896 26.0135 9.07994 26.2323C9.29092 26.4511 9.57707 26.574 9.87544 26.574H11.0004V38.24H13.2504V26.574H20.0004V38.24H38.0004V26.574H39.1254C39.4238 26.574 39.71 26.4511 39.9209 26.2323C40.1319 26.0135 40.2504 25.7168 40.2504 25.4074V18.4078C40.2666 18.2839 40.2666 18.1583 40.2504 18.0345ZM35.7504 35.9068H22.2504V26.574H35.7504V35.9068ZM38.0004 24.2408H33.5004V19.5744H31.2504V24.2408H25.6254V19.5744H23.3754V24.2408H17.7504V19.5744H15.5004V24.2408H11.0004V18.5944L12.9354 12.5748H36.0654L38.0004 18.5944V24.2408Z" fill="#C5A600"></path>
  1138.                             <path d="M15.696 45.552H17.292V50.472H15.696V45.552ZM11.76 46.536L13.08 46.02C13.704 46.86 14.304 47.976 14.556 48.732L13.164 49.332C12.948 48.552 12.348 47.388 11.76 46.536ZM19.728 45.912L21.336 46.38C20.82 47.46 20.184 48.612 19.68 49.368L18.396 48.924C18.876 48.108 19.44 46.86 19.728 45.912ZM12.048 49.716H21.132V56.82H19.596V51.156H12.048V49.716ZM12.456 52.26H20.148V53.652H12.456V52.26ZM11.772 54.888H20.4V56.328H11.772V54.888ZM32.2806 49.632H36.8166V50.904H32.2806V49.632ZM29.7126 55.116H35.3526V56.388H29.7126V55.116ZM31.5966 48.504H33.0606V52.956H31.5966V48.504ZM28.9566 52.212H36.1206V56.808H34.6446V53.484H30.3606V56.82H28.9566V52.212ZM31.1046 45.552H32.6046V47.736H31.1046V45.552ZM27.5046 46.956H36.9846V48.324H27.5046V46.956ZM26.7966 46.956H28.2366V49.992C28.2366 51.936 28.0566 54.912 26.9646 56.796C26.7006 56.556 26.0646 56.136 25.7166 55.992C26.7246 54.264 26.7966 51.732 26.7966 49.992V46.956Z" fill="#C5A600"></path>
  1139.                         </svg></div>
  1140.                     </div>
  1141.                     <div class="top-Flow__item--title">
  1142.                         <h3><span>STEP3</span></h3>
  1143.                         <div>ご注文</div>
  1144.                         <div class="st-Flow__item--image">
  1145.                             <svg width="48" height="65" viewBox="0 0 48 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  1146.                                 <rect y="0.23999" width="48" height="64" rx="4" fill="#C5A600"></rect>
  1147.                                 <path
  1148.                                     d="M24.2497 23.74C25.6341 23.74 26.9875 23.3294 28.1387 22.5603C29.2898 21.7911 30.187 20.6979 30.7168 19.4188C31.2466 18.1397 31.3853 16.7322 31.1152 15.3744C30.8451 14.0165 30.1784 12.7692 29.1994 11.7902C28.2204 10.8113 26.9732 10.1446 25.6153 9.8745C24.2574 9.6044 22.85 9.74302 21.5709 10.2728C20.2918 10.8026 19.1985 11.6999 18.4294 12.851C17.6602 14.0021 17.2497 15.3555 17.2497 16.74C17.2495 17.6593 17.4304 18.5696 17.7821 19.419C18.1339 20.2683 18.6495 21.0401 19.2995 21.6901C19.9496 22.3402 20.7213 22.8558 21.5707 23.2075C22.42 23.5592 23.3304 23.7402 24.2497 23.74ZM29.1495 25.4903H28.2362C26.9863 26.0668 25.6262 26.3653 24.2497 26.3653C22.8732 26.3653 21.513 26.0668 20.2631 25.4903H19.3498C17.4005 25.4903 15.5311 26.2647 14.1527 27.643C12.7744 29.0214 12 30.8908 12 32.8401L12 35.1145C12 35.8108 12.2766 36.4786 12.769 36.971C13.2614 37.4634 13.9292 37.74 14.6255 37.74H33.8738C34.5701 37.74 35.2379 37.4634 35.7303 36.971C36.2227 36.4786 36.4993 35.8108 36.4993 35.1145V32.8388C36.4993 30.8895 35.725 29.02 34.3466 27.6417C32.9683 26.2633 31.0988 25.4903 29.1495 25.4903Z"
  1149.                                     fill="white"></path>
  1150.                                 <path
  1151.                                     d="M11.232 45.996C11.184 46.224 11.136 46.74 11.124 47.04C11.064 47.988 11.028 49.284 11.028 50.4C11.028 51.708 11.1 53.784 11.1 54.48C11.1 55.956 10.572 56.364 9.78 56.364C8.616 56.364 6.96 55.356 6.96 54.084C6.96 52.92 8.46 51.696 10.128 51.108C11.196 50.724 12.408 50.532 13.32 50.532C15.168 50.532 16.632 51.492 16.632 53.148C16.632 54.576 15.888 55.644 13.98 56.112C13.428 56.232 12.888 56.268 12.396 56.316L11.856 54.756C12.384 54.756 12.912 54.756 13.32 54.672C14.292 54.504 15.072 54.012 15.072 53.148C15.072 52.32 14.352 51.852 13.308 51.852C12.288 51.852 11.232 52.068 10.296 52.44C9.216 52.848 8.448 53.496 8.448 54.012C8.448 54.396 9.012 54.72 9.324 54.72C9.54 54.72 9.696 54.624 9.696 54.204C9.696 53.58 9.636 51.912 9.636 50.46C9.636 49.092 9.648 47.604 9.648 47.052C9.648 46.812 9.612 46.212 9.576 45.996H11.232ZM14.652 47.304C15.564 47.748 16.956 48.528 17.604 48.984L16.872 50.208C16.296 49.728 14.736 48.828 13.992 48.468L14.652 47.304ZM7.284 47.964C7.992 48.048 8.508 48.048 8.94 48.048C10.188 48.048 12.06 47.82 13.296 47.46L13.332 48.948C11.976 49.26 10.044 49.476 8.988 49.476C8.196 49.476 7.728 49.464 7.32 49.416L7.284 47.964ZM22.464 47.808L24 48.108C23.088 49.404 21.864 50.484 20.016 51.336C19.824 51 19.38 50.496 19.068 50.268C20.76 49.62 21.864 48.708 22.464 47.808ZM22.8 48.612H26.388V49.692H21.816L22.8 48.612ZM25.956 48.612H26.232L26.472 48.552L27.444 49.128C25.86 51.78 22.464 53.22 19.008 53.892C18.876 53.52 18.576 52.932 18.324 52.62C21.54 52.128 24.756 50.832 25.956 48.816V48.612ZM22.224 49.428C23.616 50.988 26.412 51.948 29.652 52.26C29.328 52.596 28.932 53.244 28.728 53.652C25.428 53.196 22.692 52.02 20.976 49.98L22.224 49.428ZM20.604 53.064H27.504V56.796H26.028V54.24H22.008V56.82H20.604V53.064ZM21.312 55.272H26.748V56.448H21.312V55.272ZM23.22 45.564H24.708V47.268H23.22V45.564ZM18.828 46.536H29.172V49.188H27.696V47.832H20.232V49.188H18.828V46.536ZM34.764 46.884H41.352V48.024H34.764V46.884ZM35.088 48.492H41.1V49.572H35.088V48.492ZM34.536 50.088H41.568V51.264H34.536V50.088ZM39.384 45.528L40.812 45.876C40.488 46.416 40.164 46.944 39.924 47.292L38.796 46.968C39.012 46.548 39.264 45.948 39.384 45.528ZM35.532 45.948L36.66 45.576C36.936 45.984 37.236 46.536 37.344 46.908L36.144 47.34C36.048 46.968 35.784 46.38 35.532 45.948ZM40.428 51.492L41.508 52.26C40.98 52.812 40.344 53.4 39.864 53.784L38.94 53.076C39.408 52.68 40.056 51.996 40.428 51.492ZM34.764 52.176L35.748 51.528C36.18 51.972 36.708 52.584 36.948 53.004L35.916 53.724C35.7 53.292 35.196 52.644 34.764 52.176ZM34.068 54.888C34.788 54.564 35.844 54.024 36.876 53.496L37.248 54.66C36.408 55.152 35.46 55.68 34.692 56.1L34.068 54.888ZM37.368 47.652H38.748V55.392C38.748 56.04 38.64 56.388 38.256 56.604C37.86 56.82 37.284 56.844 36.528 56.844C36.492 56.472 36.324 55.908 36.156 55.572C36.564 55.584 37.032 55.584 37.176 55.584C37.32 55.584 37.368 55.524 37.368 55.392V47.652ZM38.676 51.492C39.204 53.1 40.26 54.48 41.796 55.104C41.508 55.368 41.088 55.896 40.884 56.268C39.324 55.404 38.304 53.724 37.74 51.708L38.676 51.492ZM30.528 48.036H34.5V49.368H30.528V48.036ZM31.992 45.552H33.3V56.82H31.992V45.552ZM31.968 48.948L32.772 49.224C32.424 51.12 31.74 53.436 30.888 54.672C30.768 54.288 30.456 53.736 30.252 53.4C31.02 52.356 31.692 50.472 31.968 48.948ZM33.24 49.824C33.504 50.148 34.488 51.66 34.692 51.996L33.948 53.028C33.684 52.332 32.964 50.964 32.64 50.4L33.24 49.824Z"
  1152.                                     fill="white"></path>
  1153.                             </svg>
  1154.                         </div>
  1155.                     </div>
  1156.                     <div class="top-Flow__item--title">
  1157.                         <h3><span>STEP4</span></h3>
  1158.                         <div>制作</div>
  1159.                         <div class="st-Flow__item--image"><svg width="48" height="65" viewBox="0 0 48 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  1160.                             <rect x="1" y="1.23999" width="46" height="62" rx="3" fill="white"></rect>
  1161.                             <rect x="1" y="1.23999" width="46" height="62" rx="3" stroke="#C5A600" stroke-width="2"></rect>
  1162.                             <path d="M40.2504 18.0345L38.0004 11.0349C37.9222 10.7934 37.7698 10.5851 37.5667 10.4419C37.3635 10.2987 37.1208 10.2283 36.8754 10.2416H12.1254C11.8801 10.2283 11.6373 10.2987 11.4342 10.4419C11.2311 10.5851 11.0787 10.7934 11.0004 11.0349L8.75044 18.0345C8.73423 18.1583 8.73423 18.2839 8.75044 18.4078V25.4074C8.75044 25.7168 8.86896 26.0135 9.07994 26.2323C9.29092 26.4511 9.57707 26.574 9.87544 26.574H11.0004V38.24H13.2504V26.574H20.0004V38.24H38.0004V26.574H39.1254C39.4238 26.574 39.71 26.4511 39.9209 26.2323C40.1319 26.0135 40.2504 25.7168 40.2504 25.4074V18.4078C40.2666 18.2839 40.2666 18.1583 40.2504 18.0345ZM35.7504 35.9068H22.2504V26.574H35.7504V35.9068ZM38.0004 24.2408H33.5004V19.5744H31.2504V24.2408H25.6254V19.5744H23.3754V24.2408H17.7504V19.5744H15.5004V24.2408H11.0004V18.5944L12.9354 12.5748H36.0654L38.0004 18.5944V24.2408Z" fill="#C5A600"></path>
  1163.                             <path d="M15.696 45.552H17.292V50.472H15.696V45.552ZM11.76 46.536L13.08 46.02C13.704 46.86 14.304 47.976 14.556 48.732L13.164 49.332C12.948 48.552 12.348 47.388 11.76 46.536ZM19.728 45.912L21.336 46.38C20.82 47.46 20.184 48.612 19.68 49.368L18.396 48.924C18.876 48.108 19.44 46.86 19.728 45.912ZM12.048 49.716H21.132V56.82H19.596V51.156H12.048V49.716ZM12.456 52.26H20.148V53.652H12.456V52.26ZM11.772 54.888H20.4V56.328H11.772V54.888ZM32.2806 49.632H36.8166V50.904H32.2806V49.632ZM29.7126 55.116H35.3526V56.388H29.7126V55.116ZM31.5966 48.504H33.0606V52.956H31.5966V48.504ZM28.9566 52.212H36.1206V56.808H34.6446V53.484H30.3606V56.82H28.9566V52.212ZM31.1046 45.552H32.6046V47.736H31.1046V45.552ZM27.5046 46.956H36.9846V48.324H27.5046V46.956ZM26.7966 46.956H28.2366V49.992C28.2366 51.936 28.0566 54.912 26.9646 56.796C26.7006 56.556 26.0646 56.136 25.7166 55.992C26.7246 54.264 26.7966 51.732 26.7966 49.992V46.956Z" fill="#C5A600"></path>
  1164.                         </svg></div>
  1165.                     </div>
  1166.                     <div class="top-Flow__item--title">
  1167.                         <h3><span>STEP5</span></h3>
  1168.                         <div>お届け</div>
  1169.                         <div class="st-Flow__item--image">
  1170.                             <svg width="48" height="65" viewBox="0 0 48 65" fill="none" xmlns="http://www.w3.org/2000/svg">
  1171.                                 <rect y="0.23999" width="48" height="64" rx="4" fill="#C5A600"></rect>
  1172.                                 <path
  1173.                                     d="M24.2497 23.74C25.6341 23.74 26.9875 23.3294 28.1387 22.5603C29.2898 21.7911 30.187 20.6979 30.7168 19.4188C31.2466 18.1397 31.3853 16.7322 31.1152 15.3744C30.8451 14.0165 30.1784 12.7692 29.1994 11.7902C28.2204 10.8113 26.9732 10.1446 25.6153 9.8745C24.2574 9.6044 22.85 9.74302 21.5709 10.2728C20.2918 10.8026 19.1985 11.6999 18.4294 12.851C17.6602 14.0021 17.2497 15.3555 17.2497 16.74C17.2495 17.6593 17.4304 18.5696 17.7821 19.419C18.1339 20.2683 18.6495 21.0401 19.2995 21.6901C19.9496 22.3402 20.7213 22.8558 21.5707 23.2075C22.42 23.5592 23.3304 23.7402 24.2497 23.74ZM29.1495 25.4903H28.2362C26.9863 26.0668 25.6262 26.3653 24.2497 26.3653C22.8732 26.3653 21.513 26.0668 20.2631 25.4903H19.3498C17.4005 25.4903 15.5311 26.2647 14.1527 27.643C12.7744 29.0214 12 30.8908 12 32.8401L12 35.1145C12 35.8108 12.2766 36.4786 12.769 36.971C13.2614 37.4634 13.9292 37.74 14.6255 37.74H33.8738C34.5701 37.74 35.2379 37.4634 35.7303 36.971C36.2227 36.4786 36.4993 35.8108 36.4993 35.1145V32.8388C36.4993 30.8895 35.725 29.02 34.3466 27.6417C32.9683 26.2633 31.0988 25.4903 29.1495 25.4903Z"
  1174.                                     fill="white"></path>
  1175.                                 <path
  1176.                                     d="M11.232 45.996C11.184 46.224 11.136 46.74 11.124 47.04C11.064 47.988 11.028 49.284 11.028 50.4C11.028 51.708 11.1 53.784 11.1 54.48C11.1 55.956 10.572 56.364 9.78 56.364C8.616 56.364 6.96 55.356 6.96 54.084C6.96 52.92 8.46 51.696 10.128 51.108C11.196 50.724 12.408 50.532 13.32 50.532C15.168 50.532 16.632 51.492 16.632 53.148C16.632 54.576 15.888 55.644 13.98 56.112C13.428 56.232 12.888 56.268 12.396 56.316L11.856 54.756C12.384 54.756 12.912 54.756 13.32 54.672C14.292 54.504 15.072 54.012 15.072 53.148C15.072 52.32 14.352 51.852 13.308 51.852C12.288 51.852 11.232 52.068 10.296 52.44C9.216 52.848 8.448 53.496 8.448 54.012C8.448 54.396 9.012 54.72 9.324 54.72C9.54 54.72 9.696 54.624 9.696 54.204C9.696 53.58 9.636 51.912 9.636 50.46C9.636 49.092 9.648 47.604 9.648 47.052C9.648 46.812 9.612 46.212 9.576 45.996H11.232ZM14.652 47.304C15.564 47.748 16.956 48.528 17.604 48.984L16.872 50.208C16.296 49.728 14.736 48.828 13.992 48.468L14.652 47.304ZM7.284 47.964C7.992 48.048 8.508 48.048 8.94 48.048C10.188 48.048 12.06 47.82 13.296 47.46L13.332 48.948C11.976 49.26 10.044 49.476 8.988 49.476C8.196 49.476 7.728 49.464 7.32 49.416L7.284 47.964ZM22.464 47.808L24 48.108C23.088 49.404 21.864 50.484 20.016 51.336C19.824 51 19.38 50.496 19.068 50.268C20.76 49.62 21.864 48.708 22.464 47.808ZM22.8 48.612H26.388V49.692H21.816L22.8 48.612ZM25.956 48.612H26.232L26.472 48.552L27.444 49.128C25.86 51.78 22.464 53.22 19.008 53.892C18.876 53.52 18.576 52.932 18.324 52.62C21.54 52.128 24.756 50.832 25.956 48.816V48.612ZM22.224 49.428C23.616 50.988 26.412 51.948 29.652 52.26C29.328 52.596 28.932 53.244 28.728 53.652C25.428 53.196 22.692 52.02 20.976 49.98L22.224 49.428ZM20.604 53.064H27.504V56.796H26.028V54.24H22.008V56.82H20.604V53.064ZM21.312 55.272H26.748V56.448H21.312V55.272ZM23.22 45.564H24.708V47.268H23.22V45.564ZM18.828 46.536H29.172V49.188H27.696V47.832H20.232V49.188H18.828V46.536ZM34.764 46.884H41.352V48.024H34.764V46.884ZM35.088 48.492H41.1V49.572H35.088V48.492ZM34.536 50.088H41.568V51.264H34.536V50.088ZM39.384 45.528L40.812 45.876C40.488 46.416 40.164 46.944 39.924 47.292L38.796 46.968C39.012 46.548 39.264 45.948 39.384 45.528ZM35.532 45.948L36.66 45.576C36.936 45.984 37.236 46.536 37.344 46.908L36.144 47.34C36.048 46.968 35.784 46.38 35.532 45.948ZM40.428 51.492L41.508 52.26C40.98 52.812 40.344 53.4 39.864 53.784L38.94 53.076C39.408 52.68 40.056 51.996 40.428 51.492ZM34.764 52.176L35.748 51.528C36.18 51.972 36.708 52.584 36.948 53.004L35.916 53.724C35.7 53.292 35.196 52.644 34.764 52.176ZM34.068 54.888C34.788 54.564 35.844 54.024 36.876 53.496L37.248 54.66C36.408 55.152 35.46 55.68 34.692 56.1L34.068 54.888ZM37.368 47.652H38.748V55.392C38.748 56.04 38.64 56.388 38.256 56.604C37.86 56.82 37.284 56.844 36.528 56.844C36.492 56.472 36.324 55.908 36.156 55.572C36.564 55.584 37.032 55.584 37.176 55.584C37.32 55.584 37.368 55.524 37.368 55.392V47.652ZM38.676 51.492C39.204 53.1 40.26 54.48 41.796 55.104C41.508 55.368 41.088 55.896 40.884 56.268C39.324 55.404 38.304 53.724 37.74 51.708L38.676 51.492ZM30.528 48.036H34.5V49.368H30.528V48.036ZM31.992 45.552H33.3V56.82H31.992V45.552ZM31.968 48.948L32.772 49.224C32.424 51.12 31.74 53.436 30.888 54.672C30.768 54.288 30.456 53.736 30.252 53.4C31.02 52.356 31.692 50.472 31.968 48.948ZM33.24 49.824C33.504 50.148 34.488 51.66 34.692 51.996L33.948 53.028C33.684 52.332 32.964 50.964 32.64 50.4L33.24 49.824Z"
  1177.                                     fill="white"></path>
  1178.                             </svg>
  1179.                         </div>
  1180.                     </div>
  1181.                 </div>
  1182.             </div>
  1183.             <div class="ec-sliderRole--2">
  1184.                 <div class="ec-pageHeader"><h3 class="h1">ご利用の感想</h3></div>
  1185.                 <div class="slider_voice">
  1186.                     <div class="item">
  1187.                         <div class="item-body">
  1188.                             <div class="item-img"><img src="{{ asset('assets/img/top/face1.png') }}"><span>M.F 様</span></div>
  1189.                             <div class="item-txt">
  1190.                                 <dl>
  1191.                                     <dt>想像以上の素晴らしい出来</dt>
  1192.                                     <dd>お世話になりました。商品が届き確認させて頂きました。私が思っていたより素晴らしい出来でとても嬉しいです。<br>さらに、おまけの１枚まで本当にありがとうございます。また、ご面倒かけるかもしれませんが機会があれば是非よろしくお願いします。ありがとうございました。</dd>
  1193.                                 </dl>
  1194.                             </div>
  1195.                         </div>
  1196.                     </div>
  1197.                     <div class="item">
  1198.                         <div class="item-body">
  1199.                             <div class="item-img"><img src="{{ asset('assets/img/top/face2.png') }}"><span>M.F 様</span></div>
  1200.                             <div class="item-txt">
  1201.                                 <dl>
  1202.                                     <dt>綺麗なステッカーに感動</dt>
  1203.                                     <dd>お世話になっております。ステッカーが無事到着いたしました。枚数多めに入れてくださりありがとうございます！梱包も丁寧で、ありがたいです。<br>ステッカーは非常に綺麗で、感動しております…！使うのが楽しみです。また次回もぜひお願いしたいと思います。おせわになりました！</dd>
  1204.                                 </dl>
  1205.                             </div>
  1206.                         </div>
  1207.                     </div>
  1208.                     <div class="item">
  1209.                         <div class="item-body">
  1210.                             <div class="item-img"><img src="{{ asset('assets/img/top/face3.png') }}"><span>M.F 様</span></div>
  1211.                             <div class="item-txt">
  1212.                                 <dl>
  1213.                                     <dt>丁寧なサポートでデータ作成も安心</dt>
  1214.                                     <dd>お世話になっております。ステッカー到着し、早速使わせて頂きました。非常に良い仕上がりで価格もお安く製作して頂き大変満足しております。何よりPCがそんなに得意ではないため他店ではデータの不安からためらっていましたが教えて頂いたので安心してお願いする事が出来ました。</dd>
  1215.                                 </dl>
  1216.                             </div>
  1217.                         </div>
  1218.                     </div>
  1219.                 </div>
  1220.             </div>
  1221.             <div class="st-Flow mt-5">
  1222.             <a class="page-transition" href="/guide/flow/">ご注文の流れ</a>
  1223.             <a class="page-transition" href="/faq/">よくいただくご質問</a>
  1224.             </div>
  1225.         </div>
  1226.     </div>
  1227. </section>
  1228. <section class="section10 section-item">
  1229.     <div class="ec-role">
  1230.         <div class="ec-block">
  1231.             <h3>お問い合わせ窓口</h3>
  1232.             <p>ご不明点やご意見・ご要望がございましたら、<br>
  1233.             お問い合わせフォームよりご連絡ください。</p>
  1234.             <a href="{{ is_new_reception_stopped() ? url('info') : url('contact') }}" class="ec-inlineBtn ec-inlineBtn--white">{{ 'お問い合わせはこちら >'|trans }}</a>
  1235.         </div>
  1236.     </div>
  1237. </section>
  1238.     <section class="section08 section-item">
  1239.         <div class="ec-role">
  1240.             <div class="ec-pageHeader">
  1241.                 <h3 class="h1">当店の特徴とこだわり</h3>
  1242.             </div>
  1243.             <div class="ec-block">
  1244.                 <div class="image-text-container text-ocher"><img
  1245.                         src="{{ asset('assets/img/top/st-logomark.svg') }}"><span>お客様によるチェックフロー</span>
  1246.                 </div>
  1247.                 <p>適正ケースを判断して自分で出力データを作ることは、誰もができることではありません。<br>
  1248.                     入稿と注文がセットになるWEBショップが多い中、敢えて見積りフローを入れ確認していただくことで、安心してご注文いただける体制にしました。</p>
  1249.                 <div class="image-text-container text-ocher  mt-3"><img
  1250.                         src="{{ asset('assets/img/top/st-logomark.svg') }}"><span>安心のサポート体制</span>
  1251.                 </div>
  1252.                 <p>見積もりやデザイン確認を行い、納得の上で注文いただきます。<br>
  1253.                     データ作成が不安な方には代行サービスも行っております。プロからアマチュアまで安心して利用できるサポート体制を心がけています。</p>
  1254.                 <div class="image-text-container text-ocher  mt-3"><img
  1255.                         src="{{ asset('assets/img/top/st-logomark.svg') }}"><span>小さくても大きなこだわり</span>
  1256.                 </div>
  1257.                 <p>小規模な会社で運営しており、申し訳ありませんが一度に何万枚という生産能力がございません。それでも培った技術と経験を活かし、利便性と品質を追求しながら、お客様に満足していただける製品をお届けするために奮闘しております。
  1258.                 ご利用いただく中で「頼んで良かった」と思ってもらえるよう、心を込めて取り組んでまいります。</p>
  1259.             </div>
  1260.         </div>
  1261.         <div class="mt-5"></div>
  1262.     </section>
  1264. {% endblock %}