/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/sass/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
*{
  box-sizing:border-box;
}

::before,
::after{
  box-sizing:inherit;
}
html{
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent;
}
body{
  margin:0;
}
main{
  display:block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl{
  margin:0;
}
h1,
h2,
h3,
h4,
h5,
h6{
  font-size:inherit;
  line-height:inherit;
  font-weight:inherit;
  margin:0;
}
ul,
ol{
  margin:0;
  padding:0;
  list-style:none;
}
dt{
  font-weight:bold;
}

dd{
  margin-left:0;
}
hr{
  box-sizing:content-box;
  height:0;
  overflow:visible;
  border:0;
  border-top:1px solid;
  margin:0;
  clear:both;
  color:inherit;
}
pre{
  font-family:monospace, monospace;
  font-size:inherit;
}

address{
  font-style:inherit;
}
a{
  background-color:transparent;
  text-decoration:none;
  color:inherit;
}
abbr[title]{
  border-bottom:none;
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
b,
strong{
  font-weight:bolder;
}
code,
kbd,
samp{
  font-family:monospace, monospace;
  font-size:inherit;
}
small{
  font-size:80%;
}
sub,
sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
img{
  border-style:none;
  vertical-align:bottom;
}

embed,
object,
iframe{
  border:0;
  vertical-align:bottom;
}
button,
input,
optgroup,
select,
textarea{
  -webkit-appearance:none;
  appearance:none;
  vertical-align:middle;
  color:inherit;
  font:inherit;
  border:0;
  background:transparent;
  padding:0;
  margin:0;
  outline:0;
  border-radius:0;
  text-align:inherit;
}

[type=checkbox]{
  -webkit-appearance:checkbox;
  appearance:checkbox;
}

[type=radio]{
  -webkit-appearance:radio;
  appearance:radio;
}
button,
input{
  overflow:visible;
}
button,
select{
  text-transform:none;
}
button,
[type=button],
[type=reset],
[type=submit]{
  cursor:pointer;
  -webkit-appearance:none;
  appearance:none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled]{
  cursor:default;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner{
  border-style:none;
  padding:0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring{
  outline:1px dotted ButtonText;
}
option{
  padding:0;
}
fieldset{
  margin:0;
  padding:0;
  border:0;
  min-width:0;
}
legend{
  color:inherit;
  display:table;
  max-width:100%;
  padding:0;
  white-space:normal;
}
progress{
  vertical-align:baseline;
}
textarea{
  overflow:auto;
}
[type=checkbox],
[type=radio]{
  padding:0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button{
  height:auto;
}
[type=search]{
  outline-offset:-2px;
}
[type=search]::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
label[for]{
  cursor:pointer;
}
details{
  display:block;
}
summary{
  display:list-item;
}
table{
  border-collapse:collapse;
  border-spacing:0;
}

caption{
  text-align:left;
}

td,
th{
  vertical-align:top;
  padding:0;
}

th{
  text-align:left;
  font-weight:bold;
}
template{
  display:none;
}
[hidden]{
  display:none;
}
html{
  font-size:62.5% !important;
  scroll-behavior:smooth;
}

body{
  color:#333;
  font-size:18px;
  font-family:"Noto Sans JP", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif;
  font-weight:500;
  line-height:1.6;
  letter-spacing:-0.03em;
  -webkit-text-size-adjust:100%;
  background-color:#fff;
  position:relative;
}

:root{
  --main:#50D0EF;
  --main-light:#E2F9FF;
  --primary:#F87474;
  --yellow:#FFE552;
  --gray:#EEEEEE;
  --gray-2:#878787;
}

img,
picture{
  width:100%;
  height:auto;
  vertical-align:bottom;
}

picture{
  display:block;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:500;
  line-height:1.5;
  letter-spacing:-0.03em;
}

*[lang=en]{
  font-family:"Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

em{
  font-style:normal;
}

small{
  font-size:100%;
}
.l-container{
  margin-left:auto;
  margin-right:auto;
  max-width:calc(100% - 8vw);
}

.l-new-form__ttl{
  margin-top:8vw;
}
.l-new-form__order-num{
  margin-left:auto;
  margin-right:auto;
  margin-top:8vw;
  width:calc(100% - 8vw);
}
.l-new-form__box{
  margin-top:13.3333333333vw;
}
.l-new-form__alert-box{
  margin-top:8vw;
}
.l-new-form__shop{
  margin-top:8vw;
}
.l-new-form__shop .__shop-text{
  margin-top:5.3333333333vw;
}
.l-new-form__shop .__shop-body{
  display:flex;
  flex-direction:column;
  margin-top:14.9333333333vw;
  gap:14.9333333333vw;
}
.l-new-form__checklist{
  margin-top:13.3333333333vw;
}
.l-new-form__submit{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:13.3333333333vw;
}
.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right;
}

.center{
  margin-left:auto;
  margin-right:auto;
}
.mplus{
  font-family:"M PLUS 1p", "ヒラギノ角ゴシック", "Hiragino Sans", "メイリオ", "Meiryo", sans-serif;
  font-weight:800;
}
.text{
  text-align:justify;
  word-break:break-all;
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

.color-main{
  color:var(--main);
}
.color-primary{
  color:var(--primary);
}
.color-yellow{
  color:var(--yellow);
}

.fs-xs{
  font-size:3.2vw;
}

.fs-normal{
  font-size:4.2666666667vw;
}

.fs-lg{
  font-size:5.3333333333vw;
}

.fw-bold{
  font-weight:800;
}
.material-icons,
.material-icons-outlined,
.material-icons-round,
.material-icons-sharp{
  font-family:"Material Icons";
  font-weight:normal;
  font-style:normal;
  font-size:24px;
  display:inline-block;
  line-height:1;
  text-transform:none;
  letter-spacing:normal;
  word-wrap:normal;
  white-space:nowrap;
  direction:ltr;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-feature-settings:"liga";
          font-feature-settings:"liga";
}
.btn{
  position:relative;
  font-weight:800;
  line-height:1;
  display:inline-block;
  text-align:center;
  border-radius:10em;
  padding:0.9em 0.5em;
  letter-spacing:-0.05;
}
.btn.--thin{
  padding-top:0.6em;
  padding-bottom:0.7em;
}
.btn.--arrow::after, .btn.--arrow-drop::after{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
}
.btn.--arrow::after{
  right:0.7em;
  width:4.5333333333vw;
  height:4.5333333333vw;
}
.btn.--arrow.--main::after{
  background-image:url("../img/svg/ic_btn_arrow_blue.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--arrow.--main-rev::after{
  background-image:url("../img/svg/ic_btn_arrow_blue_rev.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--arrow.--primary::after{
  background-image:url("../img/svg/ic_btn_arrow_red.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--arrow-drop::after{
  right:1.2em;
  width:2.1333333333vw;
  height:2.4vw;
  background-image:url("../img/svg/ic_btn_arrow_drop_top.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--arrow-drop.--close::after{
  display:inline-block;
  -webkit-transform:rotate(180deg) translateY(50%);
          transform:rotate(180deg) translateY(50%);
}
.btn.--ic{
  text-align:left;
  padding-left:20.2666666667vw;
}
.btn.--ic.--center{
  text-align:center;
  padding-right:20.2666666667vw;
}
.btn.--ic::before{
  position:absolute;
  display:block;
  content:"";
  top:50%;
  -webkit-transform:translateY(-50%) rotate(10deg);
          transform:translateY(-50%) rotate(10deg);
  left:5.8666666667vw;
  width:9.6vw;
  height:9.6vw;
}
.btn.--ic.--shop-red::before{
  background-image:url("../img/svg/ic_cart_red.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--ic.--new::before{
  background-image:url("../img/svg/ic_new.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--ic.--login::before{
  background-image:url("../img/svg/ic_login.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn.--main{
  background:var(--main);
  color:#fff;
}
.btn.--main-rev{
  background:#fff;
  color:var(--main);
}
.btn.--primary{
  background:var(--primary);
  color:#fff;
}
.btn.--disabled{
  background-color:#707070;
  background:#707070;
  border-bottom:solid 1.3333333333vw #555;
  color:#fff;
  cursor:default;
}
.btn.--block{
  display:block;
  width:100%;
}
.btn-toggle{
  width:18.6666666667vw;
  height:10.6666666667vw;
  line-height:1;
  background-image:url("../img/svg/ic_toggle_off.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.btn-toggle.--on{
  background-image:url("../img/svg/ic_toggle_on.svg");
}
.acc{
}
.acc__header{
  position:relative;
  cursor:pointer;
}
.acc__inner{
  display:none;
}
.acc.--start-open .acc__inner{
  display:block;
}
.strong{
  font-weight:normal;
  background:var(--yellow);
}

.marker{
  background:linear-gradient(transparent 60%, #E2F9FF 0, #E2F9FF 0);
}

.slashed{
  background-image:url(../img/original/wdgt_underline_slashed_pc.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  padding-bottom:0.4em;
  background-size:min(774px, 58.6363636364vw) min(33px, 2.5vw);
  font-size:min(27px, 2.0454545455vw);
}

.rnk-u-line{
  text-decoration:underline;
  text-underline-offset:0.5em;
}

.bg-main-lt{
  background-color:var(--main-light);
}
.bg-grid-blue{
  background-image:url("../img/original/wdgt_pt_grid_blue.png");
  background-repeat:repeat;
  background-position:center center;
}

.text-link{
  text-decoration:underline;
  cursor:pointer;
}
.input-radio{
  font-size:4.2666666667vw;
}
.input-radio > input{
  display:none;
}
.input-radio > input + label{
  position:relative;
  display:inline-block;
  padding-left:2.5em;
  padding:0.2em 0 0.2em 2.8em;
}
.input-radio > input + label::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-image:url("../img/svg/ic_form_radio_off.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  padding:1px;
  width:2em;
  height:2em;
  left:0;
}
.input-radio > input:checked + label::before{
  background-image:url("../img/svg/ic_form_radio_on.svg");
}
.input-radio-list > * + *{
  margin-top:2.6666666667vw;
}
.input-radio-list .__error{
  display:none;
  margin-top:0.3em;
  font-size:3.2vw;
  color:var(--primary);
}
.input-radio-list .__error.--show{
  display:block;
}
.input-radio-list.--error input{
  border-color:var(--primary);
}
.input-radio-acc-content{
  display:none;
}
.input-radio-acc-content.--open{
  display:block;
}
.input-checkbox{
  font-size:4.2666666667vw;
}
.input-checkbox > input{
  display:none;
}
.input-checkbox > input + label{
  position:relative;
  display:inline-block;
  padding-left:2.5em;
  padding:0.1em 0 0.1em 2em;
}
.input-checkbox > input + label::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-image:url("../img/svg/ic_form_check_off.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:1.5em;
  height:1.5em;
  left:0;
}
.input-checkbox > input:checked + label::before{
  background-image:url("../img/svg/ic_form_check_on.svg");
}
.input-checkbox .__error{
  display:none;
  margin-top:0.3em;
  font-size:3.2vw;
  color:var(--primary);
}
.input-checkbox .__error.--show{
  display:block;
}
.input-checkbox-list > * + *{
  margin-top:2.6666666667vw;
}
.input-checkbox-list.--center{
  display:flex;
  flex-direction:column;
  align-items:center;
}

.box{
  background-color:var(--main-light);
  padding-top:13.3333333333vw;
  padding-bottom:13.3333333333vw;
  border-radius:5.3333333333vw;
}
.box.--gray{
  background-color:#eee;
}
.box__ttl{
  text-align:center;
  font-weight:800;
  font-size:5.3333333333vw;
  margin-bottom:8vw;
}

.header{
  position:relative;
  background-color:var(--main);
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:2.1333333333vw 15px;
  height:80px;
  z-index:1;
  box-shadow:3px 3px 6px 0px rgba(0, 0, 0, 0.15);
}
.header a,
.header button{
  display:block;
}
.header__left, .header__right{
  display:flex;
  align-items:center;
}
.header__right{
  margin-left:6.6666666667vw;
}
.header__right > * + *{
  margin-left:1.3333333333vw;
}
.header__label{
  margin-left:min(30px, 2.2727272727vw);
  display:flex;
  align-items:center;
}

.fv{
  position:relative;
  z-index:0;
  padding:8vw 0 29.3333333333vw;
}
.fv::after{
  position:absolute;
  display:block;
  content:"";
  width:100%;
  left:0;
  bottom:-10px;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:top;
  background-image:url("../img/svg/border_wave_sp.svg");
  height:32vw;
}
.fv__in{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-direction:column;
}
.fv__illust{
  position:relative;
  height:auto;
  width:100%;
}
.fv__illust .__pic_1,
.fv__illust .__pic_2{
  position:absolute;
  height:auto;
}
.fv__illust .__pic_1{
  width:30.4vw;
  top:-2.6666666667vw;
  left:1.3333333333vw;
}
.fv__illust .__pic_2{
  width:27.7333333333vw;
  bottom:2.6666666667vw;
  left:1.3333333333vw;
}
.fv__annotation{
  margin-top:5.3333333333vw;
}
.fv__right{
  width:100%;
  height:auto;
}
.fv__ttl{
  width:100%;
}
.fv__text{
  font-weight:800;
  margin-top:8vw;
}
.fv__btn-list{
  margin-top:10.6666666667vw;
}
.fv__btn-list > * + *{
  margin-top:2.6666666667vw;
}
.fv__btn-list .btn{
  font-size:5.0666666667vw;
}
.fv__links{
  display:flex;
  justify-content:center;
  margin-top:5.3333333333vw;
  gap:8vw;
}

.flow{
  position:relative;
  z-index:1;
  background-color:var(--main-light);
  background-image:url("../img/svg/bg_pat_1.svg");
  background-size:100% auto;
  background-repeat:repeat-y;
  padding-bottom:16vw;
}
.flow__ttl{
  -webkit-transform:translateY(-16vw);
          transform:translateY(-16vw);
}
.flow-list{
  position:relative;
  background-color:var(--main);
  margin-top:0;
  padding:4vw;
  border-radius:20px;
}
.flow-list-item{
  position:relative;
  background-color:#fff;
  border-radius:20px;
  padding:5.3333333333vw 4vw 8vw;
}
.flow-list-item__ttl{
  font-weight:800;
  text-align:center;
  line-height:1;
}
.flow-list-item__pic{
  border-radius:20px;
  overflow:hidden;
  margin-top:4vw;
}
.flow-list-item__text{
  font-weight:800;
  margin-top:4vw;
}
.flow-list-item::before{
  position:absolute;
  display:block;
  content:"";
  top:0;
  left:0;
  -webkit-transform:translateX(-30%) translateY(-50%);
          transform:translateX(-30%) translateY(-50%);
  width:16.5333333333vw;
  height:16.5333333333vw;
}
.flow-list-item:first-child::before{
  background-image:url("../img/svg/flow_num_1.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.flow-list-item:nth-child(2)::before{
  background-image:url("../img/svg/flow_num_2.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.flow-list-item:nth-child(3)::before{
  background-image:url("../img/svg/flow_num_3.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.flow__column{
  margin-top:23.2vw;
}

.sec-pic-ttl{
  display:flex;
  justify-content:center;
}
.sec-pic-ttl img,
.sec-pic-ttl picture{
  width:100%;
}

.column-box{
  position:relative;
  background-color:#fff;
  border:solid 1.3333333333vw var(--main);
  padding:12vw 4vw 18.6666666667vw;
  border-radius:20px;
}
.column-box::before{
  position:absolute;
  display:block;
  content:"";
  background-image:url("../img/svg/column_star.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  right:4vw;
  bottom:4vw;
  width:9.6vw;
  height:12.8vw;
}
.column-box.--no-star{
  padding-bottom:8vw;
}
.column-box.--no-star::before{
  display:none;
}
.column-box__label{
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
          transform:translateX(-50%) translateY(-50%);
  width:53.3333333333vw;
}
.column-box__ttl{
  text-align:center;
  font-weight:800;
}
.column-box__text{
  margin-top:8vw;
}

.edge-illust-box{
  position:relative;
}
.edge-illust-box__item{
  position:absolute;
  z-index:-1;
  top:0;
}
.edge-illust-box__item.--left{
  left:4vw;
}
.edge-illust-box__item.--right{
  right:4vw;
}
.edge-illust-box__item.--fish{
  -webkit-transform:translateY(-45%);
          transform:translateY(-45%);
  width:10.6666666667vw;
}
.edge-illust-box__item.--pen1{
  -webkit-transform:translateY(-70%);
          transform:translateY(-70%);
  width:13.3333333333vw;
}
.edge-illust-box__item.--pen2{
  -webkit-transform:translateY(-75%);
          transform:translateY(-75%);
  width:11.2vw;
}
.edge-illust-box__item.--camera{
  z-index:1;
  left:0;
  right:0;
  -webkit-transform:translateX(-25%) translateY(-50%) rotate(-20deg);
          transform:translateX(-25%) translateY(-50%) rotate(-20deg);
  width:13.3333333333vw;
}

.cta{
  background-color:var(--main);
  background-size:cover;
  background-repeat:no-repeat;
  padding:13.3333333333vw 0 16vw;
  background-image:url("../img/svg/bg_pat_cta_sp.svg");
  color:#fff;
}
.cta__ttl{
  font-weight:800;
}
.cta__ttl .__in{
  position:relative;
  padding-left:12.2666666667vw;
}
.cta__ttl .__in::before{
  position:absolute;
  display:block;
  content:"";
  background-image:url("../img/svg/ic_cart_blue.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  top:50%;
  left:0;
  -webkit-transform:translateY(-50%) rotate(10deg);
          transform:translateY(-50%) rotate(10deg);
  width:9.6vw;
  height:9.6vw;
}
.cta__text{
  margin-top:8vw;
}
.cta__btn-label{
  margin-left:auto;
  margin-right:auto;
  width:78.6666666667vw;
  margin-bottom:2.6666666667vw;
}
.cta__links{
  display:flex;
  justify-content:center;
  margin-top:2.6666666667vw;
}
.cta__links > * + *{
  margin-left:8vw;
}

.work{
  position:relative;
  padding-top:18.6666666667vw;
  padding-bottom:16vw;
  overflow:hidden;
}
.work::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  background-image:url("../img/svg/work_arrow_label.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  top:-2px;
  width:66.6666666667vw;
  height:12vw;
}
.work__slider{
  margin-top:8vw;
}
.work-list{
  display:flex;
  flex-direction:column;
  gap:4vw;
}
.work-list > *{
  width:100%;
}
.work-list-item{
  background-color:var(--main);
  border-radius:20px;
  padding:4vw 4vw 8vw;
}
.work-list-item__pic{
  border-radius:20px;
  overflow:hidden;
}
.work-list-item__name{
  background-color:#fff;
  border-radius:0 10em 10em 0;
  display:flex;
  align-items:center;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
  width:99%;
  height:12.8vw;
  margin-left:-4.2666666667vw;
  padding:0 4vw;
}
.work-list-item__name .__no{
  color:#fff;
  background-color:var(--primary);
  border-radius:10em;
  font-weight:800;
  line-height:1;
  padding:1.3333333333vw 4vw 1.8666666667vw;
}
.work-list-item__name .__name{
  color:var(--primary);
  line-height:1;
  white-space:nowrap;
  font-weight:800;
  margin-left:4vw;
}
.work-list-item__msg{
  position:relative;
  background-color:#fff;
  text-align:center;
  font-weight:800;
  border-radius:10em;
  margin-top:2.9333333333vw;
  padding:2.6666666667vw 4vw;
}
.work-list-item__msg::after{
  position:absolute;
  display:block;
  content:"";
  border-top:solid 5.3333333333vw transparent;
  border-right:solid 4vw transparent;
  border-bottom:solid 5.3333333333vw #fff;
  border-left:solid 4vw transparent;
  top:-10.1333333333vw;
  right:calc(50% - 4vw);
}
.work-slider-item{
  background-color:var(--main);
  border-radius:20px;
  padding:4vw;
}
.work-slider-item__pic{
  overflow:hidden;
  border-radius:5px;
}
.work__column{
  background-color:var(--main-light);
  margin-top:29.3333333333vw;
}
.work__column-body{
  margin-top:6.6666666667vw;
  display:flex;
  flex-direction:column;
  gap:8vw;
}
.work__column-image{
  background-color:#fff;
  border-radius:20px;
  padding:5.3333333333vw;
}
.work__column-image .__annotation{
  margin-top:4vw;
}
.work__column-bnr{
  margin-top:8vw;
}

.work-slider{
  margin-left:-4vw;
  margin-right:-4vw;
  overflow:visible;
}
.work-slider-item{
  margin-left:4vw;
  margin-right:4vw;
}
.work-slider .slick-next,
.work-slider .slick-prev{
  z-index:2;
  width:10.6666666667vw;
  height:10.6666666667vw;
}
.work-slider .slick-next:before,
.work-slider .slick-prev:before{
  font-size:10.6666666667vw;
}
.work-slider .slick-prev,
.work-slider .slick-next{
  width:11.2vw;
  height:11.2vw;
}
.work-slider .slick-prev:hover::before,
.work-slider .slick-next:hover::before{
  transition:0.5s;
  opacity:0.75;
}
.work-slider .slick-prev{
  left:1.3333333333vw;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.work-slider .slick-next{
  right:1.3333333333vw;
  -webkit-transform:translateY(-50%) rotate(180deg);
          transform:translateY(-50%) rotate(180deg);
}
.work-slider .slick-next:before,
.work-slider .slick-prev:before{
  display:block;
  height:100%;
  content:"";
  top:0;
  background-image:url("../img/svg/slider_arrow.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.work-slider .slick-dots{
  bottom:-9.3333333333vw;
}
.work-slider .slick-dots li{
  margin:0 1.3333333333vw;
}
.work-slider .slick-dots li button:before{
  color:var(--main);
  font-size:4vw;
}

.shop{
  background-color:var(--main-light);
  background-image:url("../img/svg/bg_pat_2.svg");
  background-size:100% auto;
  background-repeat:no-repeat;
  padding-top:10.6666666667vw;
}
.shop__body{
  background-color:#fff;
  display:flex;
  flex-direction:column;
  gap:14.9333333333vw;
  margin-top:10.6666666667vw;
  border-radius:20px;
  padding:14.9333333333vw 4vw 13.3333333333vw;
}
.shop__body > *{
  width:100%;
}
.shop__alert-box{
  margin-top:8vw;
}
.shop-cta{
  position:relative;
  background-color:var(--main-light);
  border-radius:20px;
  padding:13.3333333333vw 4vw 8vw;
}
.shop-cta__ttl{
  position:absolute;
  left:50%;
  top:0;
  -webkit-transform:translateX(-50%) translateY(-50%);
          transform:translateX(-50%) translateY(-50%);
  width:53.3333333333vw;
}
.shop-cta__text{
  font-weight:800;
  text-align:center;
}
.shop-cta__btn{
  margin-top:5.3333333333vw;
}

.alert-box-large{
  text-align:center;
  background-color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:10em;
  min-height:16.5333333333vw;
}
.alert-box-large__text{
  position:relative;
  font-weight:800;
  padding-left:5.3333333333vw;
}
.alert-box-large__text::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-image:url("../img/svg/ic_alert.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  left:-2em;
  width:10.6666666667vw;
  height:10.6666666667vw;
}

.new-step{
  padding-bottom:16vw;
}
.new-step__label{
  width:55.4666666667vw;
}
.new-step__list{
  margin-top:16vw;
}
.new-step-list{
  position:relative;
}
.new-step-list > * + *{
  margin-top:10.6666666667vw;
}
.new-step-list-item{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:5.3333333333vw;
}
.new-step-list-item:nth-child(2n)::before, .new-step-list-item:nth-child(2n)::after{
  z-index:1;
  position:absolute;
  display:block;
  content:"";
  width:23.4666666667vw;
  height:91.4666666667vw;
  background-image:url("../img/svg/step_line_to_bottom.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.new-step-list-item__pic{
  position:relative;
  z-index:-1;
  width:100%;
}
.new-step-list-item__body{
  position:relative;
  z-index:2;
}
.new-step-list-item__ttl{
  color:var(--main);
  font-weight:800;
}
.new-step-list-item__text{
  margin-top:4vw;
  font-weight:800;
}
.new-step__btn{
  margin-left:auto;
  margin-right:auto;
  margin-top:13.3333333333vw;
}
.new-step__btn-label{
  margin-left:auto;
  margin-right:auto;
  width:78.6666666667vw;
  margin-bottom:2.6666666667vw;
}

.sec-arrow{
  position:relative;
  padding-top:27.4666666667vw;
}
.sec-arrow::before{
  position:absolute;
  display:block;
  content:"";
  background-repeat:no-repeat;
  background-size:cover;
  background-position:bottom;
  top:0;
  left:0;
  width:100%;
  height:21.8666666667vw;
  background-image:url("../img/svg/sec_arrow_blue_sp.svg");
}
.sec-arrow__label{
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  top:2.6666666667vw;
}

.sec-arrow-inner{
  width:100%;
  height:25.6vw;
  background-position:center bottom;
  background-image:url("../img/svg/sec_arrow_blue_inner_sp.svg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
}
.sec-arrow-inner > *{
  margin-left:auto;
  margin-right:auto;
  line-height:1;
  width:100%;
  padding-top:4vw;
}

.about{
  position:relative;
  z-index:0;
  background-color:var(--main-light);
  padding:20.2666666667vw 0 16vw;
}

.footer{
  background-color:var(--main);
  color:#fff;
  padding:13.3333333333vw 0 8vw;
}
.footer__nav{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:2.6666666667vw;
}
.footer__copyright{
  text-align:center;
  margin-top:13.3333333333vw;
}

.sub-header-sp{
  display:flex;
  align-items:center;
  justify-content:center;
  background-color:var(--main-light);
  height:38px;
}
.sub-header-sp__msg{
  font-size:1.6rem;
  color:var(--main);
  font-weight:800;
}

.page-fv{
  padding:13.3333333333vw 0;
}
.page-fv__ttl{
  position:relative;
  text-align:center;
  font-weight:800;
  width:calc(100% - 8vw);
  margin:2.6666666667vw auto -2.6666666667vw;
  font-size:5.3333333333vw;
}
.page-fv__ttl::before{
  position:absolute;
  display:block;
  content:"";
  background-image:url("../img/svg/common_ttl_illust_1.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  right:0;
  top:0;
  -webkit-transform:translateX(40%) translateY(-90%) rotate(-15deg);
          transform:translateX(40%) translateY(-90%) rotate(-15deg);
  width:8.2666666667vw;
  height:12.6666666667vw;
}
.page-fv__pic-ttl{
  margin-left:auto;
  margin-right:auto;
  width:calc(100% - 8vw);
}
.page-fv__text{
  margin-top:8vw;
  text-align:center;
}
.page-fv__text .__list > li:first-child{
  font-weight:800;
}

.new-stkr{
  margin-top:13.3333333333vw;
  padding-bottom:8vw;
}
.new-stkr__ws{
  display:flex;
  flex-direction:column;
  gap:16vw;
}
.new-stkr__alert-box{
  margin-top:8vw;
}
.new-stkr__hint{
  position:relative;
  margin-top:8vw;
}
.new-stkr__hint .__hint-2-pos{
  content:"";
  position:absolute;
  top:0;
  left:0;
}

.ws{
  position:relative;
  background-color:var(--main-light);
  padding:13.3333333333vw 4vw;
}
.ws__ttl{
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform:translateX(-50%) translateY(-50%);
          transform:translateX(-50%) translateY(-50%);
  width:53.3333333333vw;
}
.ws__hint-btn{
  position:absolute;
  display:block;
  -webkit-transform:translateY(-45%);
          transform:translateY(-45%);
  top:0;
  right:4vw;
  width:13.6vw;
  height:15.2vw;
}
.ws__hint-btn img{
  display:block;
}
.ws-grid__frame{
  position:relative;
  display:flex;
  justify-content:center;
}
.ws-grid-list{
  display:grid;
  width:100%;
  grid-template-columns:1fr 1fr 1fr;
  gap:2.6666666667vw;
}
.ws-grid-list > *{
  position:relative;
}
.ws-grid-list > *::after{
  content:"";
  display:block;
  width:100%;
  padding-top:147.619047619%;
}
.ws-grid-list.--preview{
  position:relative;
}
.ws-grid-list.--preview::before, .ws-grid-list.--preview::after{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  left:50%;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  border-bottom:dotted 2px #ccc;
  width:calc(100% + 2.6666666667vw);
}
.ws-grid-list.--preview::before{
  top:calc(33.3333333333% - 0.5333333333vw);
}
.ws-grid-list.--preview::after{
  bottom:calc(33.3333333333% - 0.5333333333vw);
}
.ws-grid__ctrl{
  display:flex;
  flex-direction:column;
  background-color:#fff;
  margin-top:13.3333333333vw;
  padding:4vw 8vw;
  border-radius:5.3333333333vw;
  gap:2.6666666667vw;
}
.ws-grid__ctrl button{
  pointer-events:none;
  opacity:0.5;
}
.ws-grid__ctrl.--clickable button{
  pointer-events:auto;
  opacity:1;
}
.ws-grid__ctrl .__toggle{
  display:flex;
  align-items:center;
  gap:2.6666666667vw;
}
.ws-grid__ctrl .__toggle .__text{
  font-size:4.2666666667vw;
  font-weight:800;
}
.ws-grid__ctrl .__btn-delete-all{
  position:relative;
  font-size:4.8vw;
  padding-left:3.5em;
  padding-right:1em;
  line-height:1;
  text-align:left;
  white-space:nowrap;
}
.ws-grid__ctrl .__btn-delete-all::before{
  position:absolute;
  display:block;
  content:"";
  background-image:url("../img/svg/ic_delete_all.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:1.5em;
  height:1.5em;
  left:1.5em;
}
.ws-grid__btns{
  display:flex;
  flex-direction:column;
  margin-top:5.3333333333vw;
  gap:2.6666666667vw;
}
.ws-grid__btns button{
  pointer-events:none;
  opacity:0.5;
}
.ws-grid__btns.--clickable button{
  pointer-events:auto;
  opacity:1;
}
.ws-grid__btns .__btn-copy-row,
.ws-grid__btns .__btn-copy-column{
  position:relative;
  padding-left:3.5em;
  padding-right:1em;
  line-height:1;
  font-size:4.8vw;
  text-align:left;
}
.ws-grid__btns .__btn-copy-row::before,
.ws-grid__btns .__btn-copy-column::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  width:1.5em;
  height:1.5em;
  left:1.5em;
}
.ws-grid__btns .__btn-copy-row::before{
  background-image:url("../img/svg/ic_copy_row.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.ws-grid__btns .__btn-copy-column::before{
  background-image:url("../img/svg/ic_copy_column.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.ws-grid__col-radio, .ws-grid__row-radio{
  display:none;
}
.ws-grid__col-radio.--clickable, .ws-grid__row-radio.--clickable{
  display:block;
}
.ws-grid__col-radio input, .ws-grid__row-radio input{
  display:none;
}
.ws-grid__col-radio input + label, .ws-grid__row-radio input + label{
  display:block;
  background-image:url("../img/svg/ic_grid_radio_off.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:3.2vw;
  height:3.2vw;
}
.ws-grid__col-radio input:checked + label, .ws-grid__row-radio input:checked + label{
  background-image:url("../img/svg/ic_grid_radio_on.svg?date=240125");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
}
.ws-grid__col-radio > li{
  position:absolute;
  bottom:-4.8vw;
  -webkit-transform:translateX(-50%);
          transform:translateX(-50%);
}
.ws-grid__col-radio > li:nth-child(1){
  left:calc(16.6666666667% - 0.6666666667vw);
}
.ws-grid__col-radio > li:nth-child(2){
  left:50%;
}
.ws-grid__col-radio > li:nth-child(3){
  left:calc(83.3333333333% + 0.6666666667vw);
}
.ws-grid__row-radio > li{
  position:absolute;
  right:-5.3333333333vw;
  -webkit-transform:translateY(-50%);
          transform:translateY(-50%);
}
.ws-grid__row-radio > li:nth-child(1){
  top:calc(16.6666666667% - 0.6666666667vw);
}
.ws-grid__row-radio > li:nth-child(2){
  top:50%;
}
.ws-grid__row-radio > li:nth-child(3){
  top:calc(83.3333333333% + 0.6666666667vw);
}
.ws-grid__col-arrows, .ws-grid__row-arrows{
  display:none;
}
.ws-grid__col-arrows.--clickable, .ws-grid__row-arrows.--clickable{
  display:flex;
}
.ws-grid__col-arrows{
  position:absolute;
  width:100%;
  left:0;
  top:-5.3333333333vw;
}
.ws-grid__col-arrows > li{
  flex-grow:1;
  flex-shrink:1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:2.6666666667vw;
}
.ws-grid__col-arrows > li button{
  flex-grow:0;
  flex-shrink:0;
}
.ws-grid__col-arrows > li button img{
  width:2.9333333333vw;
  height:2.9333333333vw;
}
.ws-grid__col-arrows > li button.--left > img{
  -webkit-transform:scaleX(-1);
          transform:scaleX(-1);
}
.ws-grid__col-arrows > li img{
  display:block;
}
.ws-grid__row-arrows{
  position:absolute;
  height:100%;
  top:0;
  flex-direction:column;
  left:-5.3333333333vw;
}
.ws-grid__row-arrows > li{
  flex-grow:1;
  flex-shrink:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:2.6666666667vw;
}
.ws-grid__row-arrows > li button{
  flex-grow:0;
  flex-shrink:0;
}
.ws-grid__row-arrows > li button img{
  width:3.2vw;
  height:3.2vw;
}
.ws-grid__row-arrows > li button.--top > img{
  -webkit-transform:scaleY(-1);
          transform:scaleY(-1);
}
.ws-grid__row-arrows > li img{
  display:block;
}
.ws-trimming__preview{
  background-color:#eee;
  border-radius:5.3333333333vw;
  position:relative;
}
.ws-trimming__preview::after{
  content:"";
  display:block;
  width:100%;
  padding-top:145.7425742574%;
}
.ws-trimming__preview .__inner{
  position:absolute;
  display:block;
  content:"";
  left:0;
  right:0;
  width:100%;
  height:100%;
}
.ws-trimming__preview .__img{
  display:none;
  -o-object-fit:cover;
     object-fit:cover;
  width:100%;
  height:100%;
}
.ws-trimming__btns{
  display:flex;
  align-items:stretch;
  margin-top:5.3333333333vw;
  gap:2.6666666667vw;
}
.ws-trimming__btns button{
  pointer-events:none;
  opacity:0.5;
}
.ws-trimming__btns.--clickable button{
  pointer-events:auto;
  opacity:1;
}
.ws-trimming__btns > *:first-child{
  flex-grow:1;
  flex-shrink:1;
}
.ws-trimming__btns .__btn-sync{
  font-size:4.8vw;
  padding-left:2.5em;
  text-align:left;
  white-space:nowrap;
}
.ws-trimming__btns .__btn-sync::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-image:url("../img/svg/ic_sync.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:1.6em;
  height:1.6em;
  left:0.6em;
}
.ws-trimming__btns .__btn-reset img{
  width:10.6666666667vw;
}
.ws-trimming__msg{
  background-color:#fff;
  border-radius:10em;
  font-weight:800;
  text-align:center;
  margin-top:4vw;
  padding:4vw;
}

.grid-item{
  position:relative;
  background-color:#fff;
}
.grid-item__uploaded, .grid-item__frame, .grid-item__body{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
.grid-item__uploaded{
  -o-object-fit:cover;
     object-fit:cover;
}
.grid-item__frame.--default{
  display:block;
}
.grid-item__frame.--selected{
  display:none;
}
.grid-item__ic-pic{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:6.4vw;
  height:6.4vw;
}
.grid-item__ic-pic.--default{
  display:none;
}
.grid-item__ic-pic.--filled{
  display:block;
}
.grid-item__body{
  cursor:pointer;
}
.grid-item__control .__btn{
  position:absolute;
  display:block;
  width:8vw;
  height:8vw;
}
.grid-item__control .__btn img{
  display:block;
}
.grid-item__control .__btn.--copy, .grid-item__control .__btn.--drag{
  top:1.3333333333vw;
}
.grid-item__control .__btn.--trimming, .grid-item__control .__btn.--delete{
  bottom:1.3333333333vw;
}
.grid-item__control .__btn.--drag{
  right:1.3333333333vw;
}
.grid-item__control .__btn.--trimming{
  left:1.3333333333vw;
}
.grid-item__control .__btn.--delete{
  right:1.3333333333vw;
}
.grid-item.--empty .grid-item__uploaded{
  display:none;
}
.grid-item.--empty .grid-item__ic-pic.--default{
  display:block;
}
.grid-item.--empty .grid-item__ic-pic.--filled{
  display:none;
}
.grid-item.--empty .grid-item__control{
  display:none;
}
.grid-item.--active .grid-item__ic-pic{
  opacity:0.3;
}
.grid-item.--active .grid-item__control .--trimming{
  opacity:0.3;
}
.grid-item.--active .grid-item__frame.--default{
  display:none;
}
.grid-item.--active .grid-item__frame.--selected{
  display:block;
}
.grid-item.--hidden-control .grid-item__control,
.grid-item.--hidden-control .grid-item__ic-pic{
  display:none;
}
.grid-item .dz-preview{
  display:none !important;
}

.alert-box{
  position:relative;
  background-color:#eee;
  border-radius:5.3333333333vw;
  font-size:3.2vw;
  padding:8vw 4vw;
}
.alert-box.--white{
  background-color:#fff;
}
.alert-box::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  transform:translateY(-50%);
  background-image:url("../img/svg/ic_alert.svg");
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:10.6666666667vw;
  height:10.6666666667vw;
  left:-1.3333333333vw;
}

.pic-box{
  background-color:var(--main-light);
  display:flex;
  justify-content:center;
  border-radius:5.3333333333vw;
  padding:8vw 4vw;
}

.input-text{
  line-height:1;
}
.input-text label{
  display:block;
  font-weight:800;
  margin-bottom:0.5em;
  line-height:1;
}
.input-text label .required{
  color:var(--primary);
}
.input-text input{
  width:100%;
  background-color:#fff;
  border:solid 1px #707070;
  border-radius:10em;
  padding:0.3em 1em;
  box-shadow:inset 2px 2px 5px rgba(112, 112, 112, 0.1);
}
.input-text input:disabled{
  background-color:#eee;
}
.input-text .__error{
  display:none;
  margin-top:0.3em;
  font-size:3.2vw;
  color:var(--primary);
}
.input-text .__error.--show{
  display:block;
}
.input-text.--error input{
  border-color:var(--primary);
}
.input-text .__annotation{
  font-size:3.2vw;
  margin-top:2.6666666667vw;
  line-height:1.3;
}
.input-text .__annotation + .__annotation{
  margin-top:0.5em;
}

.new-form{
  padding-bottom:16vw;
}
.new-form__ttl{
  font-weight:800;
  text-align:center;
  line-height:1;
}
.new-form__box{
  background-color:var(--main-light);
  border-radius:5.3333333333vw;
  padding:4vw 4vw 8vw;
}
.new-form__box > *{
  margin-left:auto;
  margin-right:auto;
}
.new-form__box-in{
  background-color:#fff;
  border-radius:5.3333333333vw;
  padding:0 4vw 8vw;
}
.new-form__box-in > *{
  margin-left:auto;
  margin-right:auto;
  padding-top:8vw;
  padding-bottom:8vw;
}
.new-form__box-in > * + *{
  border-top:solid 1px #ccc;
}
.new-form__shop .__shop-ttl{
  text-align:center;
  font-weight:800;
}
.new-form__shop .shop-cta{
  background-color:#fff;
}

.inputs-list-ttl{
  font-weight:800;
  text-align:center;
  line-height:1;
  margin-bottom:5.3333333333vw;
  font-size:5.3333333333vw;
}
.inputs-list-ttl.--left{
  text-align:left;
}
.inputs-list > * + *{
  margin-top:4vw;
}
.inputs-list .__mr-lg{
  margin-top:6.6666666667vw;
}

.order-steps__list{
  counter-reset:item-number 0;
  position:relative;
  display:flex;
  margin-left:auto;
  margin-right:auto;
  justify-content:space-between;
  width:100%;
  margin-bottom:16vw;
}
.order-steps__list > *{
  width:21.3333333333vw;
}
.order-steps__list::before{
  position:absolute;
  display:block;
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  width:98%;
  height:0.8vw;
  border-top:solid 0.8vw var(--main);
}
.order-steps-item{
  counter-increment:item-number 1;
  background-color:var(--main);
  position:relative;
  border-radius:50%;
}
.order-steps-item::after{
  content:"";
  display:block;
  width:100%;
  padding-top:100%;
}
.order-steps-item > span{
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%, -50%);
  transform:translate(-50%, -50%);
  display:block;
  width:100%;
  text-align:center;
  color:#fff;
  font-weight:800;
  font-size:2.6666666667vw;
}
.order-steps-item::before{
  position:absolute;
  display:block;
  content:"";
  top:0;
  left:0;
  background-color:#fff;
  border-radius:50%;
  content:counter(item-number);
  display:flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  color:var(--main);
  padding-bottom:0.1em;
  font-weight:800;
  font-size:3.2vw;
  border:solid max(2px, 0.5333333333vw) var(--main);
  width:6.1333333333vw;
  height:6.1333333333vw;
}
.order-steps-item.--finished{
  background-color:#333333;
}
.order-steps-item.--finished::before{
  border-color:#333333;
  color:#333333;
}
.order-steps-item.--current{
  background-color:var(--primary);
}
.order-steps-item.--current::before{
  border-color:var(--primary);
  color:var(--primary);
}

.confirm-form{
  padding-bottom:13.3333333333vw;
}
.confirm-form__box{
  background-color:var(--main-light);
  padding:13.3333333333vw 4vw;
}
.confirm-form__ttl{
  text-align:center;
  font-weight:800;
  font-size:5.3333333333vw;
  margin-bottom:8vw;
}
.confirm-form__box-sec + .confirm-form__box-sec{
  margin-top:13.3333333333vw;
}
.confirm-form__inner-box{
  background-color:#fff;
  border-radius:5.3333333333vw;
  padding:4vw;
}
.confirm-form__inner-box.--order{
  padding:5.3333333333vw 4vw 13.3333333333vw;
}
.confirm-form__order-num{
  background-color:#eee;
  border-radius:10em;
  font-weight:800;
  text-align:center;
  font-size:4.8vw;
  padding:3.7333333333vw 4vw;
}
.confirm-form__order-list{
  margin-top:5.3333333333vw;
}
.confirm-form__order-list .__label{
  font-weight:800;
}
.confirm-form__order-list .__value{
  margin-top:0.5333333333vw;
}
.confirm-form__order-list > * + *{
  margin-top:5.3333333333vw;
}
.confirm-form__alert{
  margin-top:8vw;
}
.confirm-form__delete{
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
  margin-top:8vw;
}
.confirm-form__delete .__msg{
  margin-bottom:4vw;
}
.confirm-form__delete .__btn{
  width:64vw;
}
.confirm-form__submit{
  display:flex;
  flex-direction:column;
  align-items:center;
  line-height:1;
  margin-top:13.3333333333vw;
}
.confirm-form__submit .__msg{
  font-weight:800;
  margin-bottom:5.3333333333vw;
}
.confirm-form__submit .__btn{
  width:100%;
}

.finished{
  padding-bottom:13.3333333333vw;
}
.finished__box{
  background-color:var(--main-light);
  padding-left:4vw;
  padding-right:4vw;
}
.finished__ttl{
  text-align:center;
  font-weight:800;
  font-size:5.3333333333vw;
  margin-bottom:8vw;
}
.finished__box-sec + .finished__box-sec{
  margin-top:13.3333333333vw;
}
.finished__msg{
  text-align:center;
}
.finished__login{
  margin-left:auto;
  margin-right:auto;
  margin-top:8vw;
  width:100%;
}
.finished__back{
  margin-left:auto;
  margin-right:auto;
  margin-top:13.3333333333vw;
  width:64vw;
  font-size:4.8vw;
}

.login{
  padding-bottom:13.3333333333vw;
}
.login__box{
  background-color:var(--main-light);
  padding-left:4vw;
  padding-right:4vw;
}
.login__submit{
  margin-top:6.6666666667vw;
}
.login__error{
  margin-top:4vw;
}

.mypage{
  padding-bottom:13.3333333333vw;
}
.mypage__btn-edit{
  width:64vw;
  margin-left:auto;
  margin-right:auto;
}
.mypage__btn-edit .btn{
  font-size:4.8vw;
}
.mypage__box{
  margin-top:8vw;
  padding-left:4vw;
  padding-right:4vw;
}
.mypage__box > * + *{
  margin-top:8vw;
}
.mypage__submit{
  margin-top:24vw;
}
.mypage__history-list-ttl{
  margin-top:16vw;
  font-weight:800;
}
.mypage__history-list-ttl .__small{
  font-size:3.7333333333vw;
}
.mypage__history-list{
  margin-top:8vw;
}

.history-list > * + *{
  margin-top:5.3333333333vw;
}
.history-list-item{
  display:flex;
  align-items:center;
  background-color:#eee;
  gap:4vw;
  border-radius:5.3333333333vw;
  padding:4vw;
}
.history-list-item__img{
  width:21.3333333333vw;
}
.history-list-item__body{
  flex-grow:1;
  flex-shrink:1;
}
.history-list-item__body .__count{
  background-color:#fff;
  border-radius:10em;
  padding:0.5em 1.2em;
  line-height:1;
  font-weight:800;
  font-size:3.7333333333vw;
  margin-bottom:2.6666666667vw;
}
.history-list-item__body .__data{
  display:flex;
  flex-direction:column;
}
.history-list-item__body .__data > li:first-child{
  font-weight:800;
}
.history-list-item__body .__data + .__data{
  margin-top:1.3333333333vw;
}
.history-list-item__btn{
  width:64vw;
}
.history-list-item__btn .btn{
  font-size:4.8vw;
}
.history-list-item__appendix{
  margin-top:0.3em;
  font-size:3.7333333333vw;
}

.history{
  padding-bottom:13.3333333333vw;
}
.history__box{
  margin-top:8vw;
  padding:13.3333333333vw 4vw;
  padding:min(80px, 6.0606060606vw) min(115px, 8.7121212121vw);
}
.history__inner-box{
  background-color:#fff;
  border-radius:5.3333333333vw;
  padding:4vw;
}
.history__arrow{
  margin-top:8vw;
}
.history__form{
  margin-top:8vw;
}
.history__form-ttl{
  font-weight:bold;
  text-align:center;
}
.history__order-num{
  margin-top:8vw;
}
.history__shop-link{
  text-align:center;
  margin-top:8vw;
  font-size:3.2vw;
}
.history__checkbox-list{
  margin-top:8vw;
}
.history__submit{
  margin-top:13.3333333333vw;
}
.history__submit .btn{
  margin-left:auto;
  margin-right:auto;
}
.history__back-to-mypage{
  text-align:center;
  margin-top:8vw;
  font-size:3.2vw;
}

.order-checkbox-list li{
  font-size:4.2666666667vw;
}

.document{
  padding-bottom:13.3333333333vw;
}
.document__box{
  padding-left:4vw;
  padding-right:4vw;
}
.document__box p{
  margin-top:2.6666666667vw;
}
.document__box p:first-child{
  margin-top:0;
}
.document__box h2{
  font-weight:800;
  margin-top:4vw;
}
.document__box h2:first-child{
  margin-top:0;
}

.loading{
  display:none;
}
.loading.--show{
  display:flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.4);
  top:0;
  left:0;
  z-index:100;
}
.loading__in{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background-color:rgba(0, 0, 0, 0.2);
  width:37.3333333333vw;
  padding:5.3333333333vw;
  border-radius:5.3333333333vw;
}
.loading__pic{
  width:10.6666666667vw;
  margin-bottom:2.6666666667vw;
}
.loading__text{
  color:#fff;
  text-align:center;
  font-weight:800;
  font-size:4.2666666667vw;
  margin-top:2.6666666667vw;
}
.loading .loader{
  line-height:1;
}
.loading .loader-inner{
  line-height:1;
  display:flex;
  justify-content:center;
  gap:1.6vw;
}
@-webkit-keyframes scale{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
  45%{
    -webkit-transform:scale(0.1);
    transform:scale(0.1);
    opacity:0.7;
  }
  80%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
}
@keyframes scale{
  0%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
  45%{
    -webkit-transform:scale(0.1);
    transform:scale(0.1);
    opacity:0.7;
  }
  80%{
    -webkit-transform:scale(1);
    transform:scale(1);
    opacity:1;
  }
}
.loading .ball-pulse > div:nth-child(1){
  -webkit-animation:scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation:scale 0.75s -0.24s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.loading .ball-pulse > div:nth-child(2){
  -webkit-animation:scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation:scale 0.75s -0.12s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.loading .ball-pulse > div:nth-child(3){
  -webkit-animation:scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
  animation:scale 0.75s 0s infinite cubic-bezier(0.2, 0.68, 0.18, 1.08);
}
.loading .ball-pulse > div{
  background-color:#fff;
  border-radius:100%;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
  width:4vw;
  height:4vw;
}
@media screen and (min-width: 750px){
  a:hover,
  button:hover,
  input[type=submit]:hover{
    transition:0.5s;
    opacity:0.6 !important;
  }
  a[href^="tel:"]{
    pointer-events:none;
    cursor:default;
  }
  .l-new-form__ttl{
    margin-top:min(40px, 3.0303030303vw);
  }
  .l-new-form__order-num{
    margin-top:min(30px, 2.2727272727vw);
    max-width:min(528px, 40vw);
  }
  .l-new-form__box{
    margin-top:min(40px, 3.0303030303vw);
  }
  .l-new-form__alert-box{
    margin-top:min(40px, 3.0303030303vw);
  }
  .l-new-form__shop{
    margin-top:min(40px, 3.0303030303vw);
  }
  .l-new-form__shop .__shop-text{
    margin-top:min(20px, 1.5151515152vw);
  }
  .l-new-form__shop .__shop-body{
    flex-direction:row;
    margin-top:min(80px, 6.0606060606vw);
    gap:min(40px, 3.0303030303vw);
  }
  .l-new-form__shop .__shop-body > *{
    width:calc(50% - min(20px, 1.5151515152vw));
  }
  .l-new-form__checklist{
    margin-top:min(70px, 5.303030303vw);
  }
  .l-new-form__submit{
    margin-top:min(60px, 4.5454545455vw);
  }
  .sp-l-only{
    display:none !important;
  }
  .sp-only{
    display:none !important;
  }
  .fs-xs{
    font-size:1.2rem;
  }
  .fs-normal{
    font-size:max(1.2rem, min(18px, 1.3636363636vw));
  }
  .fs-lg{
    font-size:min(30px, 2.2727272727vw);
  }
  .btn.--arrow::after{
    width:min(24px, 1.8181818182vw);
    height:min(24px, 1.8181818182vw);
  }
  .btn.--arrow-drop::after{
    width:min(8px, 0.6060606061vw);
    height:min(9px, 0.6818181818vw);
  }
  .btn.--ic{
    padding-left:min(105px, 7.9545454545vw);
  }
  .btn.--ic.--center{
    padding-right:min(80px, 6.0606060606vw);
  }
  .btn.--ic::before{
    left:min(35px, 2.6515151515vw);
    width:min(50px, 3.7878787879vw);
    height:min(50px, 3.7878787879vw);
  }
  .btn.--disabled{
    border-width:min(10px, 0.7575757576vw);
  }
  .btn.--disabled:hover{
    opacity:1;
  }
  .btn.--sz-submit{
    width:min(510px, 38.6363636364vw);
  }
  .btn-toggle{
    width:min(70px, 5.303030303vw);
    height:min(40px, 3.0303030303vw);
  }
  .rnk-u-line:hover{
    text-decoration:underline;
    text-underline-offset:0.5em;
  }
  .input-radio{
    font-size:min(18px, 1.3636363636vw);
  }
  .input-radio-list > * + *{
    margin-top:min(10px, 0.7575757576vw);
  }
  .input-radio-list .__error{
    font-size:min(18px, 1.3636363636vw);
  }
  .input-checkbox{
    font-size:min(18px, 1.3636363636vw);
  }
  .input-checkbox .__error{
    font-size:min(18px, 1.3636363636vw);
  }
  .input-checkbox-list > * + *{
    margin-top:min(10px, 0.7575757576vw);
  }
  .box{
    padding-top:min(80px, 6.0606060606vw);
    padding-bottom:min(80px, 6.0606060606vw);
    border-radius:min(20px, 1.5151515152vw);
  }
  .box__ttl{
    font-size:min(30px, 2.2727272727vw);
    margin-bottom:min(20px, 1.5151515152vw);
  }
  .header{
    padding:min(15px, 1.1363636364vw) 60px;
    height:min(100px, 7.5757575758vw);
  }
  .header__right{
    margin-left:min(30px, 2.2727272727vw);
  }
  .header__right > * + *{
    margin-left:min(10px, 0.7575757576vw);
  }
  .fv{
    padding:min(30px, 2.2727272727vw) 0 min(170px, 12.8787878788vw);
  }
  .fv::after{
    background-image:url("../img/svg/border_wave_pc.svg");
    height:min(120px, 9.0909090909vw);
  }
  .fv__in{
    flex-direction:row-reverse;
  }
  .fv__illust{
    width:min(657px, 49.7727272727vw);
  }
  .fv__illust .__pic_1{
    width:min(158px, 11.9696969697vw);
    top:min(20px, 1.5151515152vw);
    left:min(10px, 0.7575757576vw);
  }
  .fv__illust .__pic_2{
    width:min(207px, 15.6818181818vw);
    bottom:min(10px, 0.7575757576vw);
    left:0;
  }
  .fv__annotation{
    margin-top:5px;
  }
  .fv__right{
    width:min(480px, 36.3636363636vw);
    margin-left:min(40px, 3.0303030303vw);
  }
  .fv__text{
    margin-top:min(30px, 2.2727272727vw);
  }
  .fv__btn-list{
    margin-top:min(30px, 2.2727272727vw);
  }
  .fv__btn-list > * + *{
    margin-top:min(20px, 1.5151515152vw);
  }
  .fv__btn-list .btn{
    font-size:min(28px, 2.1212121212vw);
  }
  .fv__links{
    margin-top:min(25px, 1.8939393939vw);
    gap:min(30px, 2.2727272727vw);
  }
  .flow{
    padding-bottom:min(80px, 6.0606060606vw);
  }
  .flow__ttl{
    -webkit-transform:translateY(max(-110px, -8.3333333333vw));
            transform:translateY(max(-110px, -8.3333333333vw));
  }
  .flow-list{
    display:flex;
    margin-top:max(-40px, -3.0303030303vw);
    padding:min(40px, 3.0303030303vw);
    border-radius:min(20px, 1.5151515152vw);
  }
  .flow-list > *{
    width:33.3333333333%;
  }
  .flow-list-item + .flow-list-item{
    margin-left:min(20px, 1.5151515152vw);
  }
  .flow-list-item{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(20px, 1.5151515152vw) min(20px, 1.5151515152vw) min(40px, 3.0303030303vw);
  }
  .flow-list-item__pic{
    border-radius:min(20px, 1.5151515152vw);
    margin-top:min(20px, 1.5151515152vw);
  }
  .flow-list-item__text{
    margin-top:min(20px, 1.5151515152vw);
  }
  .flow-list-item::before{
    -webkit-transform:translateX(-25%) translateY(-70%);
            transform:translateX(-25%) translateY(-70%);
    width:min(90px, 6.8181818182vw);
    height:min(90px, 6.8181818182vw);
  }
  .flow__column{
    margin-top:min(110px, 8.3333333333vw);
  }
  .sec-pic-ttl img,
  .sec-pic-ttl picture{
    width:min(740px, 56.0606060606vw);
  }
  .column-box{
    border-width:max(2px, min(5px, 0.3787878788vw));
    padding:min(90px, 6.8181818182vw) min(40px, 3.0303030303vw) min(70px, 5.303030303vw);
    border-radius:min(20px, 1.5151515152vw);
  }
  .column-box::before{
    right:min(25px, 1.8939393939vw);
    bottom:min(25px, 1.8939393939vw);
    width:min(65px, 4.9242424242vw);
    height:min(87px, 6.5909090909vw);
  }
  .column-box.--no-star{
    padding-bottom:min(50px, 3.7878787879vw);
  }
  .column-box__label{
    width:min(490px, 37.1212121212vw);
  }
  .column-box__text{
    text-align:center;
    margin-top:min(30px, 2.2727272727vw);
  }
  .edge-illust-box__item.--left{
    left:min(40px, 3.0303030303vw);
  }
  .edge-illust-box__item.--right{
    right:min(40px, 3.0303030303vw);
  }
  .edge-illust-box__item.--fish{
    width:min(60px, 4.5454545455vw);
  }
  .edge-illust-box__item.--pen1{
    width:min(85px, 6.4393939394vw);
  }
  .edge-illust-box__item.--pen2{
    width:min(80px, 6.0606060606vw);
  }
  .edge-illust-box__item.--camera{
    -webkit-transform:translateX(-40%) translateY(-50%) rotate(-20deg);
            transform:translateX(-40%) translateY(-50%) rotate(-20deg);
    width:min(78px, 5.9090909091vw);
  }
  .cta{
    padding:min(40px, 3.0303030303vw) 0;
    background-image:url("../img/svg/bg_pat_cta_pc.svg");
  }
  .cta__in{
    display:flex;
    align-items:center;
  }
  .cta__left{
    width:50%;
  }
  .cta__right{
    width:calc(50% - min(90px, 6.8181818182vw));
    margin-left:min(90px, 6.8181818182vw);
  }
  .cta__ttl .__in{
    padding-left:min(65px, 4.9242424242vw);
  }
  .cta__ttl .__in::before{
    width:min(50px, 3.7878787879vw);
    height:min(50px, 3.7878787879vw);
  }
  .cta__text{
    margin-top:min(20px, 1.5151515152vw);
  }
  .cta__btn-label{
    width:min(412px, 31.2121212121vw);
    margin-bottom:min(15px, 1.1363636364vw);
  }
  .cta__links{
    margin-top:min(15px, 1.1363636364vw);
  }
  .cta__links > * + *{
    margin-left:min(30px, 2.2727272727vw);
  }
  .work{
    padding-top:min(116px, 8.7878787879vw);
    padding-bottom:min(80px, 6.0606060606vw);
  }
  .work::before{
    width:min(360px, 27.2727272727vw);
    height:min(68px, 5.1515151515vw);
  }
  .work__slider{
    margin-top:min(40px, 3.0303030303vw);
  }
  .work-list{
    flex-direction:row;
    flex-wrap:wrap;
    gap:min(40px, 3.0303030303vw);
  }
  .work-list > *{
    width:calc(50% - min(20px, 1.5151515152vw));
  }
  .work-list-item{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(20px, 1.5151515152vw) min(20px, 1.5151515152vw) min(30px, 2.2727272727vw);
  }
  .work-list-item__pic{
    border-radius:min(20px, 1.5151515152vw);
  }
  .work-list-item__name{
    width:85%;
    height:min(66px, 5vw);
    margin-left:max(-20px, -1.5151515152vw);
    padding:0 min(20px, 1.5151515152vw);
  }
  .work-list-item__name .__no{
    padding:min(8px, 0.6060606061vw) min(20px, 1.5151515152vw) min(10px, 0.7575757576vw);
  }
  .work-list-item__name .__name{
    margin-left:min(20px, 1.5151515152vw);
  }
  .work-list-item__msg{
    margin-top:max(-13px, -0.9848484848vw);
    padding:min(20px, 1.5151515152vw);
    padding-bottom:min(22px, 1.6666666667vw);
  }
  .work-list-item__msg::after{
    border-top:solid min(20px, 1.5151515152vw) transparent;
    border-right:solid min(15px, 1.1363636364vw) transparent;
    border-bottom:solid min(20px, 1.5151515152vw) #fff;
    border-left:solid min(15px, 1.1363636364vw) transparent;
    top:max(-38px, -2.8787878788vw);
    right:min(60px, 4.5454545455vw);
  }
  .work-slider-item{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(20px, 1.5151515152vw);
  }
  .work-slider-item__pic{
    border-radius:10px;
  }
  .work__column{
    margin-top:min(168px, 12.7272727273vw);
  }
  .work__column-body{
    flex-direction:row;
    align-items:center;
    margin-top:min(40px, 3.0303030303vw);
    gap:min(40px, 3.0303030303vw);
  }
  .work__column-body > *{
    width:calc(50% - min(20px, 1.5151515152vw));
  }
  .work__column-image{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(40px, 3.0303030303vw);
  }
  .work__column-image .__annotation{
    margin-top:min(10px, 0.7575757576vw);
  }
  .work__column-bnr{
    margin-top:min(30px, 2.2727272727vw);
  }
  .work-slider{
    margin-left:max(-20px, -1.5151515152vw);
    margin-right:max(-20px, -1.5151515152vw);
  }
  .work-slider-item{
    margin-left:min(20px, 1.5151515152vw);
    margin-right:min(20px, 1.5151515152vw);
  }
  .work-slider .slick-prev,
  .work-slider .slick-next{
    width:min(84px, 6.3636363636vw);
    height:min(84px, 6.3636363636vw);
  }
  .work-slider .slick-prev{
    left:max(-30px, -2.2727272727vw);
    -webkit-transform:translateY(-50%);
            transform:translateY(-50%);
  }
  .work-slider .slick-next{
    right:max(-30px, -2.2727272727vw);
    -webkit-transform:translateY(-50%) rotate(180deg);
            transform:translateY(-50%) rotate(180deg);
  }
  .work-slider .slick-dots{
    bottom:max(-62px, -4.696969697vw);
  }
  .work-slider .slick-dots li{
    margin:0 min(10px, 0.7575757576vw);
  }
  .work-slider .slick-dots li button:before{
    font-size:min(22px, 1.6666666667vw);
  }
  .shop{
    padding-top:min(50px, 3.7878787879vw);
  }
  .shop__body{
    flex-direction:row;
    gap:min(40px, 3.0303030303vw);
    margin-top:min(40px, 3.0303030303vw);
    border-radius:min(20px, 1.5151515152vw);
    padding:min(68px, 5.1515151515vw) min(40px, 3.0303030303vw) min(40px, 3.0303030303vw);
  }
  .shop__body > *{
    width:calc(100% - min(20px, 1.5151515152vw));
  }
  .shop__alert-box{
    margin-top:min(40px, 3.0303030303vw);
  }
  .shop-cta{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(80px, 6.0606060606vw) min(50px, 3.7878787879vw) min(40px, 3.0303030303vw);
  }
  .shop-cta__ttl{
    width:63%;
  }
  .shop-cta__btn{
    margin-top:min(30px, 2.2727272727vw);
  }
  .alert-box-large{
    min-height:min(87px, 6.5909090909vw);
  }
  .alert-box-large__text{
    padding-left:min(30px, 2.2727272727vw);
  }
  .alert-box-large__text::before{
    width:min(60px, 4.5454545455vw);
    height:min(60px, 4.5454545455vw);
  }
  .new-step{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .new-step__label{
    width:min(366px, 27.7272727273vw);
  }
  .new-step__list{
    margin-top:min(50px, 3.7878787879vw);
  }
  .new-step-list > * + *{
    margin-top:min(10px, 0.7575757576vw);
  }
  .new-step-list-item{
    flex-direction:row;
    gap:min(60px, 4.5454545455vw);
    align-items:center;
  }
  .new-step-list-item:nth-child(2n){
    flex-direction:row-reverse;
  }
  .new-step-list-item:nth-child(2n)::before, .new-step-list-item:nth-child(2n)::after{
    position:absolute;
    left:50%;
    -webkit-transform:translateX(-50%);
    transform:translateX(-50%);
    background-image:url("../img/svg/step_line_to_right.svg");
    background-repeat:no-repeat;
    background-size:contain;
    background-position:center center;
  }
  .new-step-list-item__pic{
    width:min(355px, 26.8939393939vw);
    flex-grow:0;
    flex-shrink:0;
  }
  .new-step-list-item__body{
    flex-grow:1;
    flex-shrink:1;
  }
  .new-step-list-item__text{
    margin-top:min(20px, 1.5151515152vw);
  }
  .new-step__btn{
    width:min(510px, 38.6363636364vw);
    margin-top:min(60px, 4.5454545455vw);
  }
  .new-step__btn-label{
    width:min(412px, 31.2121212121vw);
    margin-bottom:min(15px, 1.1363636364vw);
  }
  .sec-arrow{
    padding-top:min(236px, 17.8787878788vw);
  }
  .sec-arrow::before{
    background-image:url("../img/svg/sec_arrow_blue_pc.svg");
    height:min(185px, 14.0151515152vw);
  }
  .sec-arrow__label{
    top:min(66px, 5vw);
  }
  .sec-arrow-inner{
    height:min(134px, 10.1515151515vw);
    background-image:url("../img/svg/sec_arrow_blue_inner_pc.svg");
  }
  .sec-arrow-inner > *{
    width:min(700px, 53.0303030303vw);
    padding-top:min(30px, 2.2727272727vw);
  }
  .about{
    padding:min(112px, 8.4848484848vw) 0 min(80px, 6.0606060606vw);
  }
  .footer{
    padding:min(40px, 3.0303030303vw) 0;
  }
  .footer__nav{
    justify-content:center;
    flex-direction:row;
    gap:min(30px, 2.2727272727vw);
  }
  .footer__copyright{
    margin-top:min(30px, 2.2727272727vw);
  }
  .sub-header-sp{
    display:none;
  }
  .page-fv{
    padding:min(80px, 6.0606060606vw) 0 min(60px, 4.5454545455vw);
  }
  .page-fv__ttl{
    width:min(820px, 62.1212121212vw);
    margin:min(40px, 3.0303030303vw) auto min(60px, 4.5454545455vw);
    font-size:min(40px, 3.0303030303vw);
  }
  .page-fv__ttl::before{
    -webkit-transform:translateX(50%) translateY(-50%);
            transform:translateX(50%) translateY(-50%);
    width:min(62px, 4.696969697vw);
    height:min(95px, 7.196969697vw);
  }
  .page-fv__pic-ttl{
    width:min(585px, 44.3181818182vw);
  }
  .page-fv__text{
    margin-top:min(40px, 3.0303030303vw);
  }
  .page-fv__text .__list{
    display:flex;
    justify-content:center;
    gap:min(10px, 0.7575757576vw);
  }
  .page-fv__text .__list > li:first-child::after{
    content:"：";
  }
  .new-stkr{
    margin-top:min(30px, 2.2727272727vw);
    padding-bottom:min(40px, 3.0303030303vw);
  }
  .new-stkr__ws{
    flex-direction:row;
    gap:min(30px, 2.2727272727vw);
  }
  .new-stkr__ws > *{
    width:calc(50% - min(15px, 1.1363636364vw));
  }
  .new-stkr__alert-box{
    margin-top:min(40px, 3.0303030303vw);
  }
  .new-stkr__hint{
    margin-top:min(40px, 3.0303030303vw);
  }
  .ws{
    padding:min(70px, 5.303030303vw) min(40px, 3.0303030303vw) min(40px, 3.0303030303vw);
    border-radius:min(20px, 1.5151515152vw);
  }
  .ws__ttl{
    width:min(340px, 25.7575757576vw);
  }
  .ws__hint-btn{
    right:min(40px, 3.0303030303vw);
    width:min(51px, 3.8636363636vw);
    height:min(57px, 4.3181818182vw);
  }
  .ws-grid-list{
    gap:min(10px, 0.7575757576vw);
  }
  .ws-grid-list.--preview{
    gap:min(20px, 1.5151515152vw);
  }
  .ws-grid-list.--preview::before, .ws-grid-list.--preview::after{
    width:calc(100% + min(40px, 3.0303030303vw));
  }
  .ws-grid-list.--preview::before{
    top:calc(33.3333333333% - min(5px, 0.3787878788vw));
  }
  .ws-grid-list.--preview::after{
    bottom:calc(33.3333333333% - min(5px, 0.3787878788vw));
  }
  .ws-grid__ctrl{
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:min(15px, 1.1363636364vw);
    margin-top:min(32px, 2.4242424242vw);
    padding:min(15px, 1.1363636364vw) min(20px, 1.5151515152vw);
    border-radius:10em;
  }
  .ws-grid__ctrl .__toggle{
    gap:min(10px, 0.7575757576vw);
  }
  .ws-grid__ctrl .__toggle .__text{
    font-size:min(16px, 1.2121212121vw);
  }
  .ws-grid__ctrl .__btn-delete-all{
    font-size:min(18px, 1.3636363636vw);
    padding-left:2.5em;
    padding-right:1em;
  }
  .ws-grid__ctrl .__btn-delete-all::before{
    left:0.8em;
  }
  .ws-grid__btns{
    flex-direction:row;
    gap:min(5px, 0.3787878788vw);
    margin-top:min(15px, 1.1363636364vw);
  }
  .ws-grid__btns > *{
    width:50%;
  }
  .ws-grid__btns .__btn-copy-row,
  .ws-grid__btns .__btn-copy-column{
    font-size:min(18px, 1.3636363636vw);
  }
  .ws-grid__col-radio input + label, .ws-grid__row-radio input + label{
    width:min(12px, 0.9090909091vw);
    height:min(12px, 0.9090909091vw);
  }
  .ws-grid__col-radio > li{
    bottom:max(-22px, -1.6666666667vw);
  }
  .ws-grid__col-radio > li:nth-child(1){
    left:calc(16.6666666667% - min(2.5px, 0.1893939394vw));
  }
  .ws-grid__col-radio > li:nth-child(3){
    left:calc(83.3333333333% + min(2.5px, 0.1893939394vw));
  }
  .ws-grid__row-radio > li{
    right:max(-24px, -1.8181818182vw);
  }
  .ws-grid__row-radio > li:nth-child(1){
    top:calc(16.6666666667% - min(2.5px, 0.1893939394vw));
  }
  .ws-grid__row-radio > li:nth-child(3){
    top:calc(83.3333333333% + min(2.5px, 0.1893939394vw));
  }
  .ws-grid__col-arrows{
    top:max(-24px, -1.8181818182vw);
  }
  .ws-grid__col-arrows > li{
    gap:min(10px, 0.7575757576vw);
  }
  .ws-grid__col-arrows > li button img{
    width:min(11px, 0.8333333333vw);
    height:min(11px, 0.8333333333vw);
  }
  .ws-grid__row-arrows{
    left:max(-25px, -1.8939393939vw);
  }
  .ws-grid__row-arrows > li{
    gap:min(10px, 0.7575757576vw);
  }
  .ws-grid__row-arrows > li button img{
    width:min(13px, 0.9848484848vw);
    height:min(13px, 0.9848484848vw);
  }
  .ws-trimming__preview{
    border-radius:min(20px, 1.5151515152vw);
  }
  .ws-trimming__btns{
    margin-top:min(30px, 2.2727272727vw);
    gap:min(10px, 0.7575757576vw);
  }
  .ws-trimming__btns .__btn-sync{
    padding-top:1.2em;
    padding-bottom:1.3em;
    font-size:min(24px, 1.8181818182vw);
    padding-left:4em;
  }
  .ws-trimming__btns .__btn-sync::before{
    font-size:min(24px, 1.8181818182vw);
    width:2em;
    height:2em;
    left:1.2em;
  }
  .ws-trimming__btns .__btn-reset img{
    width:min(82px, 6.2121212121vw);
  }
  .ws-trimming__msg{
    margin-top:min(15px, 1.1363636364vw);
    padding:0.9em 0.5em 1em;
    line-height:1;
  }
  .grid-item__ic-pic{
    width:min(38px, 2.8787878788vw);
    height:min(38px, 2.8787878788vw);
  }
  .grid-item__control .__btn{
    width:min(38px, 2.8787878788vw);
    height:min(38px, 2.8787878788vw);
  }
  .grid-item__control .__btn.--copy, .grid-item__control .__btn.--drag{
    top:min(10px, 0.7575757576vw);
  }
  .grid-item__control .__btn.--trimming, .grid-item__control .__btn.--delete{
    bottom:min(10px, 0.7575757576vw);
  }
  .grid-item__control .__btn.--copy{
    right:min(18px, 1.3636363636vw);
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
  }
  .grid-item__control .__btn.--drag{
    right:min(10px, 0.7575757576vw);
  }
  .grid-item__control .__btn.--trimming{
    left:calc(50% - min(4px, 0.303030303vw));
    -webkit-transform:translateX(-100%);
            transform:translateX(-100%);
  }
  .grid-item__control .__btn.--delete{
    right:calc(50% - min(4px, 0.303030303vw));
    -webkit-transform:translateX(100%);
            transform:translateX(100%);
  }
  .alert-box{
    border-radius:10em;
    font-size:min(18px, 1.3636363636vw);
    padding:min(20px, 1.5151515152vw) min(126px, 9.5454545455vw);
  }
  .alert-box::before{
    width:min(60px, 4.5454545455vw);
    height:min(60px, 4.5454545455vw);
    left:min(40px, 3.0303030303vw);
  }
  .pic-box{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(40px, 3.0303030303vw);
  }
  .input-text{
    font-size:min(18px, 1.3636363636vw);
  }
  .input-text .__error{
    font-size:min(18px, 1.3636363636vw);
  }
  .input-text.--pc-half input{
    width:50%;
  }
  .input-text.--lg{
    font-size:min(24px, 1.8181818182vw);
  }
  .input-text .__annotation{
    font-size:1.2rem;
    margin-top:15px;
  }
  .new-form{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .new-form__box{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(40px, 3.0303030303vw) 0;
  }
  .new-form__box > *{
    width:min(970px, 73.4848484848vw);
  }
  .new-form__box-in{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(40px, 3.0303030303vw) 0 min(40px, 3.0303030303vw);
  }
  .new-form__box-in > *{
    width:min(528px, 40vw);
    padding-top:min(40px, 3.0303030303vw);
    padding-bottom:min(40px, 3.0303030303vw);
  }
  .new-form__shop{
    width:min(1120px, 84.8484848485vw);
  }
  .inputs-list-ttl{
    margin-bottom:min(20px, 1.5151515152vw);
    font-size:min(26px, 1.9696969697vw);
  }
  .inputs-list > * + *{
    margin-top:min(15px, 1.1363636364vw);
  }
  .inputs-list .__mr-lg{
    margin-top:min(30px, 2.2727272727vw);
  }
  .order-steps__list{
    width:min(820px, 62.1212121212vw);
    margin-bottom:min(140px, 10.6060606061vw);
  }
  .order-steps__list > *{
    width:min(160px, 12.1212121212vw);
  }
  .order-steps__list::before{
    height:min(5px, 0.3787878788vw);
    border-top:dashed min(5px, 0.3787878788vw) var(--main);
  }
  .order-steps-item > span{
    font-size:min(18px, 1.3636363636vw);
  }
  .order-steps-item::before{
    font-size:min(24px, 1.8181818182vw);
    border-width:max(2px, min(3px, 0.2272727273vw));
    width:min(46px, 3.4848484848vw);
    height:min(46px, 3.4848484848vw);
  }
  .confirm-form{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .confirm-form__box{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(80px, 6.0606060606vw) min(115px, 8.7121212121vw);
  }
  .confirm-form__ttl{
    font-size:min(30px, 2.2727272727vw);
    margin-bottom:min(20px, 1.5151515152vw);
  }
  .confirm-form__box-sec + .confirm-form__box-sec{
    margin-top:min(80px, 6.0606060606vw);
  }
  .confirm-form__inner-box{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(80px, 6.0606060606vw);
  }
  .confirm-form__inner-box.--order{
    padding:min(40px, 3.0303030303vw) min(221px, 16.7424242424vw) min(60px, 4.5454545455vw);
  }
  .confirm-form__order-num{
    font-size:min(24px, 1.8181818182vw);
    padding:min(10px, 0.7575757576vw) 0 min(11px, 0.8333333333vw);
  }
  .confirm-form__order-list{
    margin-top:min(20px, 1.5151515152vw);
  }
  .confirm-form__order-list .__value{
    margin-top:min(2px, 0.1515151515vw);
  }
  .confirm-form__order-list > * + *{
    margin-top:min(15px, 1.1363636364vw);
  }
  .confirm-form__alert{
    margin-top:min(20px, 1.5151515152vw);
  }
  .confirm-form__delete{
    margin-top:min(40px, 3.0303030303vw);
  }
  .confirm-form__delete .__msg{
    margin-bottom:min(20px, 1.5151515152vw);
  }
  .confirm-form__delete .__btn{
    width:min(240px, 18.1818181818vw);
  }
  .confirm-form__submit{
    margin-top:min(80px, 6.0606060606vw);
  }
  .confirm-form__submit .__msg{
    margin-bottom:min(30px, 2.2727272727vw);
  }
  .confirm-form__submit .__btn{
    width:min(520px, 39.3939393939vw);
  }
  .finished{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .finished__box{
    padding-left:min(115px, 8.7121212121vw);
    padding-right:min(115px, 8.7121212121vw);
  }
  .finished__ttl{
    font-size:min(30px, 2.2727272727vw);
    margin-bottom:min(20px, 1.5151515152vw);
  }
  .finished__box-sec + .finished__box-sec{
    margin-top:min(80px, 6.0606060606vw);
  }
  .finished__login{
    margin-top:min(40px, 3.0303030303vw);
    width:min(510px, 38.6363636364vw);
  }
  .finished__back{
    margin-top:min(80px, 6.0606060606vw);
    width:min(240px, 18.1818181818vw);
    font-size:min(18px, 1.3636363636vw);
  }
  .login{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .login__box{
    padding-left:min(336px, 25.4545454545vw);
    padding-right:min(336px, 25.4545454545vw);
  }
  .login__submit{
    margin-top:min(60px, 4.5454545455vw);
  }
  .login__error{
    margin-top:min(15px, 1.1363636364vw);
  }
  .mypage{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .mypage__btn-edit{
    width:min(240px, 18.1818181818vw);
  }
  .mypage__btn-edit .btn{
    font-size:min(18px, 1.3636363636vw);
  }
  .mypage__box{
    margin-top:min(40px, 3.0303030303vw);
    padding-left:min(336px, 25.4545454545vw);
    padding-right:min(336px, 25.4545454545vw);
  }
  .mypage__box > * + *{
    margin-top:min(30px, 2.2727272727vw);
  }
  .mypage__submit{
    margin-top:min(100px, 7.5757575758vw);
  }
  .mypage__history-list-ttl{
    margin-top:min(80px, 6.0606060606vw);
  }
  .mypage__history-list-ttl .__small{
    font-size:min(18px, 1.3636363636vw);
  }
  .mypage__history-list{
    margin-top:min(40px, 3.0303030303vw);
  }
  .history-list > * + *{
    margin-top:min(20px, 1.5151515152vw);
  }
  .history-list-item{
    gap:min(30px, 2.2727272727vw);
    border-radius:min(20px, 1.5151515152vw);
    padding:min(40px, 3.0303030303vw);
  }
  .history-list-item__img{
    width:min(80px, 6.0606060606vw);
    height:auto;
  }
  .history-list-item__body .__count{
    display:inline-block;
    font-size:min(18px, 1.3636363636vw);
    margin-bottom:min(10px, 0.7575757576vw);
  }
  .history-list-item__body .__data{
    flex-direction:row;
    width:min(400px, 30.303030303vw);
    justify-content:space-between;
  }
  .history-list-item__body .__data + .__data{
    margin-top:min(5px, 0.3787878788vw);
  }
  .history-list-item__btn{
    width:min(240px, 18.1818181818vw);
  }
  .history-list-item__btn .btn{
    font-size:min(18px, 1.3636363636vw);
  }
  .history-list-item__appendix{
    font-size:min(14px, 1.0606060606vw);
  }
  .history{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .history__box{
    margin-top:min(40px, 3.0303030303vw);
  }
  .history__inner-box{
    border-radius:min(20px, 1.5151515152vw);
    padding:min(80px, 6.0606060606vw);
  }
  .history__arrow{
    margin-top:min(40px, 3.0303030303vw);
  }
  .history__form{
    margin-top:min(40px, 3.0303030303vw);
    width:min(528px, 40vw);
    margin-left:auto;
    margin-right:auto;
  }
  .history__order-num{
    margin-top:min(30px, 2.2727272727vw);
  }
  .history__shop-link{
    margin-top:min(30px, 2.2727272727vw);
    font-size:min(18px, 1.3636363636vw);
  }
  .history__checkbox-list{
    margin-top:min(40px, 3.0303030303vw);
  }
  .history__submit{
    margin-top:min(60px, 4.5454545455vw);
  }
  .history__back-to-mypage{
    margin-top:min(40px, 3.0303030303vw);
    font-size:min(18px, 1.3636363636vw);
  }
  .order-checkbox-list li{
    font-size:min(24px, 1.8181818182vw);
  }
  .document{
    padding-bottom:min(100px, 7.5757575758vw);
  }
  .document__box{
    padding-left:min(80px, 6.0606060606vw);
    padding-right:min(80px, 6.0606060606vw);
  }
  .document__box p{
    margin-top:min(20px, 1.5151515152vw);
  }
  .document__box h2{
    margin-top:min(40px, 3.0303030303vw);
  }
  .loading__in{
    width:min(200px, 15.1515151515vw);
    padding:min(20px, 1.5151515152vw);
    border-radius:min(20px, 1.5151515152vw);
  }
  .loading__pic{
    width:min(40px, 3.0303030303vw);
    margin-bottom:min(10px, 0.7575757576vw);
  }
  .loading__text{
    font-size:min(16px, 1.2121212121vw);
    margin-top:min(10px, 0.7575757576vw);
  }
  .loading .loader-inner{
    gap:min(6px, 0.4545454545vw);
  }
  .loading .ball-pulse > div{
    width:min(15px, 1.1363636364vw);
    height:min(15px, 1.1363636364vw);
  }
}
@media screen and (min-width: 750px) and (max-width: 1319px){
  .l-container{
    max-width:calc(100% - 80px);
  }
  .header{
    padding:min(15px, 1.1363636364vw) 40px;
  }
  .new-step-list-item:nth-child(2n)::before, .new-step-list-item:nth-child(2n)::after{
    width:min(609px, 46.1363636364vw);
    height:min(354.2px, 26.8333333333vw);
  }
  .new-step-list-item:nth-child(2n)::before{
    top:max(-160px, -12.1212121212vw);
    -webkit-transform:translateX(-50%) rotate(-10deg);
            transform:translateX(-50%) rotate(-10deg);
  }
  .new-step-list-item:nth-child(2n)::after{
    bottom:min(150px, 11.3636363636vw);
    -webkit-transform:translateX(-50%) translateY(100%) scaleX(-1) rotate(-10deg);
            transform:translateX(-50%) translateY(100%) scaleX(-1) rotate(-10deg);
  }
}
@media screen and (min-width: 1320px){
  .l-container{
    max-width:1320px;
    padding-left:60px;
    padding-right:60px;
  }
  .l-container.--sm{
    max-width:970px;
    padding-left:0;
    padding-right:0;
  }
  .mobile-only{
    display:none !important;
  }
  .tb-only{
    display:none !important;
  }
  .text-pc-center{
    text-align:center !important;
  }
  .header{
    padding:min(15px, 1.1363636364vw) 60px;
    height:min(100px, 7.5757575758vw);
  }
  .new-step-list-item:nth-child(2n)::before, .new-step-list-item:nth-child(2n)::after{
    width:min(435px, 32.9545454545vw);
    height:min(253px, 19.1666666667vw);
  }
  .new-step-list-item:nth-child(2n)::before{
    top:max(-100px, -7.5757575758vw);
  }
  .new-step-list-item:nth-child(2n)::after{
    bottom:min(90px, 6.8181818182vw);
    -webkit-transform:translateX(-50%) translateY(100%) scaleX(-1);
            transform:translateX(-50%) translateY(100%) scaleX(-1);
  }
}
@media screen and (min-width: 1440px){
  .work-slider .slick-prev{
    left:max(-50px, -3.7878787879vw);
  }
  .work-slider .slick-next{
    right:max(-50px, -3.7878787879vw);
  }
}
@media screen and (max-width: 1319px){
  .pc-only{
    display:none !important;
  }
  .text-mb-center{
    text-align:center !important;
  }
}
@media screen and (max-width: 749px){
  .l-new-form__shop .__shop-text{
    font-size:4vw;
    white-space:nowrap;
  }
  .tb-only{
    display:none !important;
  }
  .wide-only{
    display:none !important;
  }
  .btn.--sp-thin{
    padding-top:0.6em;
    padding-bottom:0.7em;
  }
  .header__right a,
  .header__right button{
    width:64px;
  }
  .fv__annotation{
    text-align:center;
  }
  .fv__left{
    margin-top:13.3333333333vw;
    width:100%;
  }
  .fv__right{
    padding:0 4vw;
  }
  .fv__text{
    text-align:center;
  }
  .flow-list-item + .flow-list-item{
    margin-top:10.6666666667vw;
  }
  .column-box__ttl{
    font-size:6.4vw;
  }
  .cta__right{
    margin-top:8vw;
  }
  .cta__ttl{
    text-align:center;
  }
  .cta .btn{
    font-size:5.3333333333vw;
  }
  .work-list-item__name{
    font-size:5.3333333333vw;
  }
  .work__column-image .__annotation{
    margin-bottom:4vw;
  }
  .work__column-bnr{
    margin-left:-4vw;
  }
  .shop{
    padding-bottom:8vw;
  }
  .alert-box-large__text{
    font-size:4.2666666667vw;
  }
  .new-step-list-item:nth-child(2n)::before{
    top:-69.3333333333vw;
    right:-2vw;
  }
  .new-step-list-item:nth-child(2n)::after{
    top:45.3333333333vw;
    right:-2vw;
  }
  .new-step-list-item__ttl{
    text-align:center;
  }
  .new-step-list-item__text{
    padding-right:1.3333333333vw;
  }
  .new-stkr__hint .__hint-2-pos{
    top:55%;
  }
  .ws{
    margin:0 -4vw;
  }
  .ws-grid__in{
    padding:5.3333333333vw 4vw 0;
  }
  .ws-grid__ctrl .__toggle{
    justify-content:center;
  }
  .ws-grid__btns{
    padding-left:8vw;
    padding-right:8vw;
  }
  .ws-trimming__in{
    padding:0 4vw 0;
  }
  .ws-trimming__msg{
    text-align:center;
  }
  .grid-item__control .__btn.--copy{
    left:1.3333333333vw;
  }
  .alert-box::before{
    top:0;
  }
  .input-text label{
    font-size:3.7333333333vw;
  }
  .input-text input{
    font-size:4.8vw;
  }
  .input-text.--sp-60 input{
    width:60%;
  }
  .input-text.--lg label{
    font-size:4.2666666667vw;
  }
  .input-text.--lg input{
    font-size:4.8vw;
  }
  .order-steps-item > span{
    letter-spacing:-0.1em;
  }
  .confirm-form__box{
    margin-left:-4vw;
    margin-right:-4vw;
  }
  .confirm-form__submit .__btn{
    display:block;
    font-size:5.0666666667vw;
  }
  .mypage__history-list-ttl{
    text-align:center;
  }
  .history-list-item{
    flex-wrap:wrap;
    justify-content:center;
  }
  .history-list-item__body{
    width:calc(100% - 29.3333333333vw);
  }
}
@media screen and (max-width: 499px){
  .sp-l-only{
    display:none !important;
  }
  .sp-l-and-wide-only{
    display:none !important;
  }
}

/*# sourceMappingURL=style.css.map*/