/*
  Reset
-----------------------------------------------------*/
:root {
    --main: #333333;
    --main-blue: #4B9C9E;
    --blue1: #B8DBE0;
    --green1: #52BCB1;
    --green2: #E4F2F0;
    --green3: #99BDBE;
    --green4: #90CDD0;
    --green5: #FEFFF5;
    --green6: #58A5A8;
    --red: #E5705B;
    --red2: #FFF1EF;
    --green: #03C755;
    --gray1: #F2F2F2;
    --gray2: #727272;
    --gray3: #F8F8F8;
    /* shop */
    --main-gold: #AF8D56;
    --gold1: #D0AC72;
    --gold2: #D1B891;
    --black: #5A5A5A;
    --gray4: #E4E3E7;
    --gray5: #B3B1B9;
    --gray6: #F5F5F5;
    --gray7: #C0B6C3;
    --gray8: #FAFAFA;
    --gray9: #EFEEED;
    --gray10: #969696;
    --line-green: #29BA66;



}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* body {
    line-height: 1;
} */

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*
  Base
-----------------------------------------------------*/

html.wf-loading body {
  visibility: visible;
  font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
}
body {
  opacity: 0;
  transition: opacity 0.3s ease;
}

html.wf-active body {
  opacity: 1;
}
* {
  min-height: 0vw;
  /* Safari clamp関数対策 */
}
*,
:before,
:after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    height: 100%;
    text-rendering: optimizeLegibility;
    font: 1em/1.8 "Noto Sans JP", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo;
    /* line-height: 1.8; */
    color: var(--main);
}

body.is-drawerActive {
    overflow: hidden;
}

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

a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

dt,
dd {
    display: inline-block;
}

.__center{
  text-align: center;
}

a[href^="tel:"]{
  pointer-events: none;
}

@media screen and (max-width:768px){
  a[href^="tel:"]{
    pointer-events: auto;
  }
}

.__hover a:hover{
  filter: brightness(1.1);
}

a img{
  box-shadow: none;
}



/*
  font
 --------------------------------- */
.office-design .en,
.office-design-thanks .en{
    font-family: cormorant-garamond, serif;
    line-height: 1.5;
}

.shop-design .en,
.shop-design-thanks .en{
  font-family: open-sans, serif;
  line-height: 1.5;
}


.en-g{
    font-family: open-sans, sans-serif;
}

.j-min{
  font-family: zen-antique-soft, sans-serif;
  line-height: 1.5;
}

 .upper {
     text-transform: uppercase;
 }

 .cap {
     text-transform: capitalize;
 }
.italic {
    font-style: italic;
}

.text_fade p{
    margin-bottom: 1em;
}

.text_fade p:last-of-type{
    margin-bottom: 0;
}

@media screen and (max-width: 768px){
  .text_fade p{
    margin-bottom: .5em;
}
}



/* =====================================================
  2.0 - Layout
===================================================== */
/*
  Centering
-----------------------------------------------------*/
  .wrap {
    margin: 0 auto;
    max-width: 1080px;
    width: 90%;
  }

  .lp_works .wrap{
      max-width: 1000px;
  }

  .wrap.__strengths{
    max-width: 1150px;
  }

  .wrap.__900w {
    max-width: 900px;
  }

  .wrap.__1000w {
    max-width: 1000px;
  }

  .wrap.__cta{
    max-width: 900px;
    width: 80%;
  }

  .wrap.__table{
    max-width: 1000px;
  }

  .wrap.__main-img{
    max-width: inherit;
  }
  .wrap.__slim {
    width: 80%;
  }

  .wrap.__wide{
    max-width: none;
  }

  .wrap.drawing{
    max-width: 700px;

  }

  @media screen and (max-width: 768px) {
    .wrap.__sw {
        width: 100%;
    }

    .wrap.__table{
      width: 95%;
      margin: 0 0 0 auto;
    }
  }

/*
  Contents
-----------------------------------------------------*/
.l-contents {
    clear: both;
    padding: 7.5em 0;
 }

 @media screen and (max-width:768px){
    .l-contents{
        padding: 6.25em 0;
    }
 }


/*
  l-header
-----------------------------------------------------*/

/*
 Settings
--------------------------------- */
/*
  Base flex
--------------------------------- */
.l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.l-flex.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.l-flex.column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.l-flex.center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.l-flex.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.l-flex.space-evenly {
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
}

.l-flex.reverse {
    flex-direction: row-reverse;
}

.l-flex.flex-end {
    justify-content: flex-end;
}
/* =====================================================
  contents
===================================================== */
 #wpadminbar{
  display: none;
 }
/*
    header
  --------------------------------- */

  .lp_header .__inner{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: calc(80rem / 16);
    padding: 0 5%;
  }

  .lp_header .header_nav{
    gap: 2.12vw;
    align-items: center;
  }

  .lp_header .header_nav .__list{
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: max(.97vw, 12px);
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
  }

  .lp_header .__inner .__Color{
    display: none;
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
  }

  .lp_header.is-LpAnimation .__inner{
    background-color: #fff;
    -webkit-transition: color 0.3s ease-in;
    transition: color 0.3s ease-in;
  }

  .lp_header.is-LpAnimation .__inner .header_nav .__list{
    color: inherit;

  }

  .lp_header.is-LpAnimation .__inner .__Color,
  .is-drawerActive .lp_header.is-LpAnimation .__inner .__White{
    display: block;
  }

  .lp_header.is-LpAnimation .__inner .__White,
  .is-drawerActive .lp_header.is-LpAnimation .__inner .__Color{
    display: none;
  }

  @media screen and (max-width:1024px){
    .lp_header .__inner{
      height: calc(60rem / 16);
      padding: 0 4%;
    }

    .lp_header .__inner .i-logo{
      width: 87px;
    }

    .lp_header .__inner .__logo{
      z-index: 999;
    }

    .lp_header .__inner .header_nav_sp{
      gap: 14px;
      align-items: center;
    }

    .lp_header .__inner .header_nav_sp a{
      display: block;
    }

    .lp_header .__inner .header_nav_sp .__form{
      background: var(--red);
      width: 40px;
      height: 40px;
      border-radius: 50%;
    }

    .shop-design .lp_header .__inner .header_nav_sp .__form{
      background: var(--main-gold);
    }

    .lp_header .__inner .header_nav_sp .__form .__list{
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 40px;
    }

    .hamburger_nav_area .__nav{
      flex-direction: column;
      align-items: center;
      padding: calc(90rem / 16) calc(50rem / 16);
      gap: 20px;
    }

    .hamburger_nav_area .__nav .__phone{
      width: 100%;
      padding: calc(10rem / 16) 0;
    }

    .hamburger_nav_area .__nav .__list{
      color: #fff;
      font-weight: 700;
      display: block;
    }

    .hamburger_nav_area .__nav .__phone .__list{
      padding: 18px 0;
      display: block;
      border-top: 1px solid #fff;
      border-bottom: 1px solid #fff;
    }

    .hamburger_nav_area .__nav .__phone .__list .__area{
      justify-content: center;
      gap: 20px;
    }

    .hamburger_nav_area .__nav .__phone .__list .__number{
      font-size: calc(20rem / 16);
    }
    .hamburger_nav_area .__nav .__phone .__list .__tex{
      font-size: calc(10rem / 16);
      display: block;
    }

  }

    @media screen and (max-width:375px){
      .lp_header .__inner .header_nav_sp .__form,
      .lp_header .__inner .header_nav_sp .__form .__list{
        width: 35px;
        height: 35px;
      }



      .lp_header .__inner .header_nav_sp a{
        width: 90%;
      }

      .lp_header .__inner .header_nav_sp{
        gap: 10px;
      }

      .lp_header .__inner .i-logo{
        width: 70px;
      }

    }




/*
    mv
  --------------------------------- */
  .lp_mv{
    background-color: var(--gray3);
    height: 100vh;
    overflow: hidden;
  }

  .lp_mv .__inner{
    /* height: 90vh; */
    width: 100%;
  }

  .lp_mv .mv img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    contain-intrinsic-size: 3000px 1500px;
  }
  .lp_mv .mv picture{
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: block;
  }

  .lp_mv .mv picture:before{
    background: rgba(0, 0, 0, .3);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  .lp_mv .mv_tit{
    position: absolute;
    bottom: 20%;
    left: 0;
    width: 100%;
    padding: 0 5%;
    color: #fff;
  }

  .lp_mv .mv_tit .__license{
    font-size: calc(20rem / 16);
    border: 1px solid #fff;
    padding: calc(4rem / 16) calc(10rem / 16);
    display: inline-block;
  }

  .lp_mv .mv_tit .__main{

    padding-top: calc(20rem / 16);
  }

  .office-design .lp_mv .mv_tit .__main{
    font-size: calc(50rem / 16);
    font-weight: normal;
  }

  .shop-design .lp_mv .mv_tit .__main{
    font-size: calc(50rem / 16);
  }

  .lp_mv .mv_tit .__en{
    font-size: calc(57rem / 16);
    font-weight: 700;
    line-height: 1.5;
  }

  .office-design .lp_mv .mv_tit .__en{
    font-size: calc(38rem / 16);
  }

  .lp_mv .mv_tit .__sub{
    font-size: calc(20rem /16);
    display: block;
    padding-top: 10px;
  }


  @media screen and (max-width:768px){
    .lp_mv .mv_tit .__license{
      font-size: max(3.75vw, 12px);
    }
    .lp_mv .mv_tit .__main{
      font-size: calc(12rem / 16);
    }
    .lp_mv .mv_tit .__en{
      font-size: calc(37rem / 16);
    }

    .office-design .lp_mv .mv_tit .__main{
      font-size: max(6.40vw, 20.5px);
    }

    .shop-design .lp_mv .mv_tit .__main{
      font-size: max(6vw, 20.5px);
    }

    .office-design .lp_mv .mv_tit .__en{
      font-size: calc(20rem / 16);
    }

    .office-design .lp_mv .mv_tit .__sub{
      font-size: max(3.43vw, 11px);
    }

    .shop-design .lp_mv .mv_tit .__sub{
      font-size: max(3.43vw, 11px);
    }

  }



/*
    works
  --------------------------------- */
  .lp_works__tit{
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 5em;
  }
  .lp_works__copy{
    width: 45%;
  }
  .archive_works_area {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 2px;
    text-align: left;
  }

  .archive_works_area li:nth-child(3),
  .archive_works_area li:nth-child(4) {
    grid-column: span 2;
    grid-row: span 2;
  }
  .archive_works_area .works_img {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
  }

  .archive_works_area .works_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

    .archive_works_area li ._tag {
      display: none;
  }
  .card_link {
    position: relative;
    cursor: pointer;
    position: relative;
    cursor: pointer;
    display: grid;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .card_link .card-works {
    display: grid;
    position: relative;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s cubic-bezier(.6, 0, .4, 1);
    transition: -webkit-transform .4s cubic-bezier(.6, 0, .4, 1);
    transition: transform .4s cubic-bezier(.6, 0, .4, 1);
    transition: transform .4s cubic-bezier(.6, 0, .4, 1), -webkit-transform .4s cubic-bezier(.6, 0, .4, 1);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    grid-template-rows: auto 1fr;
  }
  .card_link .card-works.--frontside .works_info_front {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      margin: 0 10px 10px 10px;
  }

  .card_link .card-works.--frontside .works_info_front_list {
      background: var(--main);
      color: #fff;
      font-size: 12px;
      padding: 0 4px;
      margin: 4px 4px;
  }

  .card_link .card-works.--frontside .works_info_front_area {
      flex-wrap: wrap-reverse;
  }

  .card_link .card-works.--frontside {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg);
  }

  .card_link .card-works.--backside {
      transform: rotateY(-180deg);
      border: 10px solid var(--main);
  }

  .card_link .card-works.--backside .works_info {
      transition: .5s;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      color: #fff;
      padding: 5%;
      background-color: var(--main);
  }

  .card_link .card-works.--backside .works_info_tit {
      font-size: 12px;
      line-height: normal;
  }

  .card_link .card-works.--backside ._cat {
      line-height: normal;
      text-transform: capitalize;

  }

  .card_link .card-works.--backside .works_info_name {
      padding-bottom: 10px;
      font-weight: 700;
  }

  .card_link .card-works.--backside img {
      transition: .5s;
  }

  .card_link:hover .--frontside {
      transform: rotateY(180deg);

  }

  .card_link:hover .--backside {
      transform: rotateY(0);
  }


  /* hover */
  /* .archive_works .list-area .__category .box_left:hover {
      background-color: var(--blue);

  }

  .archive_works .list-area .__category .box_left:hover span {
      color: var(--white);
  }

  .archive_works .list-area .__tag .box_left:hover {
      background-color: var(--brack);
      color: var(--white);
  } */
  @media screen and (max-width:768px){
    .lp_works__copy {
        font-size: calc(14rem / 16);
        width: 100%;
    }
    .lp_works__tit{
        margin-bottom: 2.5em;
    }
    .archive_works_area {
        grid-template-columns: repeat(2, 1fr);
    }

    .archive_works_area li:nth-child(1) {
        grid-column: span 2;
    }

    .archive_works_area li:nth-child(3) {
        grid-column: span 1;
    }
  }
/*
        ワンストップ
  --------------------------------- */
  .lp_one-stop{
    color: #fff;
    background-color: var(--green4);
    background: -moz-linear-gradient(var(--green4) 0%, var(--green1) 100%);
    background: -webkit-linear-gradient(var(--green4) 0%, var(--green1) 100%);
    background: linear-gradient(var(--green4) 0%, var(--green1) 100%);
  }

  .shop-design .lp_one-stop{
    background: var(--gray5);

  }

  .lp_one-stop__copy{
    text-align: center;
  }

  .lp_one-stop__copy .__text1{

  }

  .office-design .lp_one-stop__copy .__text1{
    font-size: calc(41rem / 16);
  }

  .shop-design .lp_one-stop__copy .__text1{
    font-size: calc(34rem / 16);
    font-weight: 700;
  }

  .lp_one-stop__copy .__strong{

    display: block;

  }

  .office-design .lp_one-stop__copy .__strong{
    font-size: calc(71rem / 16);
    padding-top: calc(20rem / 16);
  }

  .shop-design .lp_one-stop__copy .__strong{
    font-weight: 700;
    font-size: calc(71rem / 16);
  }

  .lp_one-stop__copy .__text2{
    font-size: calc(38rem / 16);
  }

  .office-design .lp_one-stop__copy .__text2{
    padding-top: calc(30rem / 16);
  }

  .shop-design .lp_one-stop__copy .__text2{
    padding-top: calc(30rem / 16);
  }

  .lp_one-stop__img{
    max-width: 900px;
    display: block;
    margin: 0 auto;
    padding: calc(100rem / 16) 0 calc(80rem / 16);
  }

  .lp_one-stop_partner{
    max-width: 900px;
    margin: 0 auto;
  }

  .lp_one-stop_partner .__tit{
    font-size: calc(70rem / 16);
    font-weight: 700;
  }

  .lp_one-stop_partner .__detail{
    justify-content: space-between;
    flex-direction: row-reverse;
  }

  .lp_one-stop_partner .__list{
    margin-top: calc(50rem / 16);
  }

  .lp_one-stop_partner .__list li:first-child{
    padding-bottom:calc(60rem / 16) ;
    border-bottom: 1px solid #fff;
    margin-bottom: calc(60rem / 16);
  }

  .shop-design .lp_one-stop_partner .__list li:first-child{
    padding-bottom: 0;
      border-bottom: none;
      margin-bottom: 0;
  }

  .lp_one-stop_partner .__detail .__box{
    width: 50%;
  }
  .lp_one-stop_partner .__detail .__pic{
    width: 45.6%;
  }
  .lp_one-stop_partner .__detail .__img{
    margin-right: 5%;
    display: block;
  }


  .lp_one-stop_partner .__detail .__tex{
    font-size: calc(15rem / 16);
    font-weight: 400;
  }

  .lp_one-stop_partner .__detail .__logo{
    margin-bottom: calc(30rem / 16);
  }

  .lp_one-stop_partner .__pic .en {
    margin-top: -24px;
    font-size: calc(40rem / 16);
    text-align: right;
    position: relative;
  }

  @media screen and (max-width:768px){
    .office-design .lp_one-stop__copy .__text1{
      font-size: calc(17rem / 16);
    }

    .shop-design .lp_one-stop__copy .__text1{
      font-size: calc(17rem / 16);
    }

    .lp_one-stop__copy .__strong{
      font-size: calc(37rem / 16);
      padding-top: calc(5rem / 16);
    }

    .office-design .lp_one-stop__copy .__strong{
      font-size: calc(36rem / 16);
      padding-top: calc(5rem / 16);
    }

    .shop-design .lp_one-stop__copy .__strong{
      font-size: calc(36rem/ 16);
    }

    .lp_one-stop__copy .__text2{
      font-size: calc(18rem / 16);
      padding-top: calc(36rem / 16);
    }

    .office-design .lp_one-stop__copy .__text2{
      padding-top: calc(10rem / 16);
    }

    .lp_one-stop__img {
        padding: calc(50rem / 16) 0 calc(40rem / 16);
    }
    .lp_one-stop_partner .__tit {
       font-size: calc(40rem / 16);
    }
    .lp_one-stop_partner{
      width: 90%;
    }
    .lp_one-stop_partner .__detail{
      flex-direction: column-reverse;
    }
    .lp_one-stop_partner .__detail .__box,
    .lp_one-stop_partner .__detail .__pic{
      width: 100%;
    }
    .lp_one-stop_partner .__detail .__logo{
      margin-top: calc(50rem / 16);
    }
    .lp_one-stop_partner .__detail .__tex{
      font-size: calc(13rem / 16);
    }
    .lp_one-stop_partner .__list li:first-child{
      padding-bottom: calc(40rem / 16);
      margin-bottom: calc(40rem / 16);
    }
  }
/*
      事例
  --------------------------------- */
  .lp_difference{
    overflow: hidden;
  }
  .lp_difference .__difference .__copy{
    font-size: calc(18rem / 16);
    font-weight: 500;
    padding-bottom: calc(50rem / 16);
  }

  .lp_difference .__difference .__copy .__en{
    font-size: calc(24rem / 16);
    font-weight: 700;
    padding-right: 4px;

  }

  .lp_difference .__table .__table-inner{
    width: 100%;
    min-width: 750px;
  }
  .lp_difference .__table colgroup{
    /* max-width: calc(200rem / 16);
    width: 20.5%; */
  }

  .lp_difference .__table colgroup:first-child{
    width: 24%;
  }

  .lp_difference .__table colgroup:nth-child(2){

    width: 20%;
  }

  .office-design .lp_difference .__table colgroup:nth-child(2){
    border: 2px solid var(--green1);
    border-top: 8px solid var(--green1);
  }

  .shop-design .lp_difference .__table colgroup:nth-child(2){
    border: 2px solid var(--main-gold);
    border-top: 8px solid var(--main-gold);
  }


  .lp_difference .__table colgroup:nth-child(n+3){
    /* max-width: calc(240rem / 16); */
    width: 18.5%;
  }

  .lp_difference .__table .__col{

    padding: 1rem;
    position: relative;
    text-align: center;
    vertical-align: middle;
    color: #fff;
  }

  .office-design .lp_difference .__table .__col{
    background-color: var(--green3);
  }

  .shop-design .lp_difference .__table .__col{
    background-color: var(--gold2);
  }

  .lp_difference .__table .__col:nth-child(n+3){
    border-right: 1px solid #fff;
  }

  .office-design .lp_difference .__table .__col.__main{
    background-color: var(--green1);
  }

  .shop-design .lp_difference .__table .__col.__main{
    background-color: var(--main-gold);
  }

  .lp_difference .__table .__col .__name{
    font-size: calc(17rem / 16);
  }

  .lp_difference .__table .__col .__main-name{
    font-size: calc(40rem / 16);
  }

  .lp_difference .__table .__col .__text{
    font-size: calc(12rem / 16);
  }



  .lp_difference .__table .__head{
    border: none;
    font-size: calc(18rem / 16);
    font-weight: 700;
    /* letter-spacing: .08em; */
    padding: .5rem 0;
    text-align: center;
    vertical-align: middle;
  }
  .office-design .lp_difference .__table .__head{
    border-top: 1px solid var(--green1);
    background-color: var(--green2);
    color: var(--green6);
  }

  .shop-design .lp_difference .__table .__head{
    border-top: 1px solid var(--main-gold);
    background-color: var(--gold1);
    color: #fff;
  }

  .lp_difference .__table .__data{
    padding: 1.5rem 1rem;
    text-align: center;
    vertical-align: middle;
  }

  .office-design .lp_difference .__table .__data{
    border: 1px solid var(--green1);
    background-color: var(--gray1);
  }
  .shop-design .lp_difference .__table .__data{
    border: 1px solid var(--main-gold);
    background-color: var(--gray8);
  }

  .office-design .lp_difference .__table .__data svg{
    fill: var(--main-blue);
  }

  .shop-design .lp_difference .__table .__data svg{
    fill: var(--black);
  }



  .lp_difference .__table .__cost .__data{
    border-bottom: none;

  }

  .lp_difference .__table .__data:last-of-type{
    border-right: none;
  }

  .lp_difference .__table .__data.__main{
    background-color: #fff;
  }

  .lp_difference .__table .__data .__copy{
    font-size: calc(12rem / 16);
    padding-top: 3%;
  }

  @media screen and (max-width:768px){
    .lp_difference .__difference .__copy{
      font-size: calc(17rem / 16);
    }
    .__table .scroll-x{
      overflow-x: scroll;
      overscroll-behavior-x: contain;
      padding-right: 4.2666666667vw;
      scrollbar-width: none;
      width: calc(100% + 2.13333vw);
    }

    .lp_difference .__table colgroup:first-child{
      width: 16%;
    }
    .lp_difference .__table colgroup:nth-child(2),
    .lp_difference .__table colgroup:nth-child(n+3){
      width: 21%;
    }

    .lp_difference .__table .__head{
      font-size: calc(12rem / 16);
    }

    .lp_difference .__table .__data .__copy{
      font-size: calc(10rem / 16);
    }

    .lp_difference .__table .__col .__main-name{
      font-size: calc(36rem / 16);

    }


  }

/*
        強み
  --------------------------------- */
  .lp_strengths .__tit{
    color: var(--red);
    font-weight: 500;
    padding-bottom: calc(40rem / 16);
  }

  .shop-design .lp_strengths .__tit{
    color: var(--main-gold);
  }
  .lp_strengths .__header p{
    font-weight: 700;

  }

  .shop-design .lp_strengths .__header p{
    font-size: calc(30rem / 16);
  }

  .office-design .lp_strengths .__header p{
    font-size: calc(29rem / 16);
  }
  .lp_strengths .__img{
    width: 50%;
  }
  .lp_strengths .__box{
    width: 41.7%;
    padding-top: calc(40rem / 16);
  }

  .lp_strengths .__list{
    width: 90%;
    max-width: 1150px;
    margin: 0 auto;
  }



  .lp_strengths .__list .l-flex{
    gap: min(64px, 4.23vw);
    padding-top: calc(80rem / 16);
  }

  .lp_strengths .__list:first-child  .l-flex{
    padding-top: 0;
  }

  .lp_strengths .__list:nth-child(even) .l-flex{
    flex-direction: row-reverse;
    justify-content: flex-end;
  }

  .lp_strengths .__num{
    font-weight: 600;
    padding-right: calc(20rem / 16);
    font-size: calc(20rem / 16);
  }

  .lp_strengths .__tex{
    padding-top: calc(20rem / 16);
  }

  @media screen and (max-width:768px){
    .lp_strengths .__list{
      width: 100%;
    }

    .lp_strengths .__list .__img{
      width: 95%;
    }
    .lp_strengths .__list .__box{
      width: 80%;
      margin: 0 auto;
    }

    .lp_strengths .__list:nth-child(even) .__img {
      margin: 0 0 0 auto;
    }
    .lp_strengths .__list .l-flex{
      gap: 0;
    }

    .office-design .lp_strengths .__header p{
      font-size: calc(18rem / 16);
    }
    .shop-design .lp_strengths .__header p{
      font-size: calc(22rem / 16);
    }

    .lp_strengths .__tit{
      padding-bottom: calc(20rem / 16);
    }

    .lp_strengths .__tex p{
      font-size: calc(14rem / 16);
    }

    .lp_strengths .__num{
      font-size: calc(18rem / 16);
    }


  }
/*
      事例
  --------------------------------- */

  .lp_case{
    background-color: var(--green2);
    background: -moz-linear-gradient(var(--green2) 0%, var(--green5) 100%);
    background: -webkit-linear-gradient(var(--green2) 0%, var(--green5) 100%);
    background: linear-gradient(var(--green2) 0%, var(--green5) 100%);
  }

  .shop-design .lp_case{
    background: var(--gray7);
    color: #fff;
  }

  .lp_case .__shop_name{
    padding-bottom: calc(96rem / 16);

  }

  .lp_case .__slider .__main-img{
    padding-bottom: calc(40rem / 16);
  }


  .lp_case .__intro{
    padding: calc(40rem / 16) 0 calc(124rem / 16);
  }

  .lp_case .drawing{
    padding-bottom: calc(120rem / 16);
  }

/*  */



.modal__images .modal__image {
  position: relative;
  /* width: calc((100% - (32px * 2)) / 3); */
  transition: opacity .6s;
}

.modal__images .modal__image:hover {
  opacity: .6;
}

.modal__images .modal__trigger {
  cursor: pointer;
}

.modal__images .modal__image:before {
  display: block;
  padding-top: calc((2 / 3) * 100%);
  /* padding-top: 100%; */
  content: '';
}

.modal__images .modal__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /* height: 100%; */
  object-fit: cover;
  object-position: center top;
}

/* モーダル本体 */
.modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  z-index: 20;
  width: 100%;
  height: 100%;
}

.modal__layer {
  height: 100%;
  background: rgba(50, 50, 50, .85);
  cursor: pointer;
}

.modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  width: min(calc(100% - 40px), 1000px);
  max-height: calc(100% - 40px);
}

/* モーダルを閉じるボタン */
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgba(50, 50, 50, 1);
  cursor: pointer;
  transition: opacity .6s;
}

.modal__close:hover {
  opacity: .6;
}

.modal__close:before,
.modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: '';
}

.modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__content .modal__image img {
  width: 100%;
}
/*  */

  .lp_case .__list{
    margin-bottom: calc(120rem / 16);
    position: relative;
  }

  .lp_case .__list:last-of-type{
    margin-bottom: 0;
  }

  .lp_case .__list .__area{
    justify-content: space-between;
    /* gap: calc(80rem / 16); */
  }

  .lp_case .__list:nth-child(odd) .l-flex.__area{
    flex-direction: row-reverse;
    /* justify-content: flex-end; */
  }

  .lp_case .__list:nth-child(even) .__area{
    /* justify-content: flex-end; */
  }

  .lp_case .__list .__box{
    width: 50%;
  }
  .lp_case .__list .__img{
    flex: 0 0 42%;
  }

  .lp_case .__list .__img .__pic{
    width: 42%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0px;
  }

  .lp_case .__list:nth-child(odd) .__img .__pic{
    right: 0;
  }

  .lp_case .__list:nth-child(even) .__img .__pic{
    left: 0;
  }

  .lp_case .__list .__tit{
    font-weight: 700;
    font-size: calc(35rem / 16);
    color: var(--main-blue);
  }

  .shop-design .lp_case .__list .__tit{
    color: #fff;
  }

  .lp_case .__list .__sub p{
    font-weight: 700;
  }

  .office-design .lp_case .__list .__sub{
    border-bottom: 1px solid var(--main-blue);
    margin-bottom: calc(30rem / 16);
    padding: calc(30rem / 16) 0;
  }

  .shop-design .lp_case .__list .case-list li:first-of-type{
    padding-bottom: calc(30rem / 16);
    border-bottom: 1px solid #fff;
  }

  .shop-design .lp_case .__list .case-list .__tex{
    padding-left: 1rem;
  }

  .shop-design .lp_case .__list .case-list .__tex p{
    font-size: calc(15rem / 16);

  }

  .shop-design .lp_case .__list .__sub{
    font-size: calc(22rem / 16);
    font-weight: 600;
    padding: calc(30rem / 16) 0 calc(20rem / 16);
    gap: 4%;
  }

  .shop-design .lp_case .__list .__sub .__sub-cat{
    background-color: #fff;
    color: var(--gray10);
    padding: 0 10px;
  }

  .lp_case .__list .__tex-list{
    padding-left: calc(20rem / 16);
    position: relative;
    margin-bottom: calc(20rem / 16);
  }

  .lp_case .__list .__tex-list:last-of-type{
    margin-bottom: 0;
  }

  .lp_case .__list .__tex-list:before{
    content: "";
    background-color: var(--main-blue);
    width: 7px;
    height: 7px;
    position: absolute;
    top: 10px;
    left: 0;
    border-radius: 50%;
  }

  .lp_case .__list .__tex-list p{
    font-size: calc(15rem / 16);
  }


  .lp_case .__date{
    /* justify-content: space-between; */
    gap: 60px;
    padding-top: calc(100rem / 16);
    margin-top: calc(100rem / 16);
    border-top: 1px solid var(--green6);
  }

  .shop-design .lp_case .__date{
    border-color: var(--gray4);
  }

  .lp_case .__date .__right{
    padding-top:calc(40rem / 16) ;
    flex-grow: 1;
    position: relative;
  }

  .lp_case .__date .__right .__right_inner{
    position: relative;
  }

  .lp_case .__date .__right .__tit,
  .lp_case .__date .__right .__name{
    font-weight: 700;
  }

  .lp_case .__date .__right .__tit{
    width: 20%;
  }

  .lp_case .__date .__right dl{
    padding-bottom: calc(10rem / 16);

  }

  .lp_case .__date .__right .sub_tit{
    font-size: calc(185rem / 16);
    color: var(--green2);
    position: absolute;
    top: -30px;
    right: 0;
    line-height: 01;
  }

  .shop-design .lp_case .__date .__right .sub_tit{
    color: rgb(228, 227, 231, .4);
    font-weight: 700;

  }



  @media screen and (max-width:768px){
    .lp_case .__intro{
      font-size: calc(14rem / 16);
      padding: calc(40rem / 16) 0 calc(80rem / 16);
    }
    .lp_case .__list{
      margin-bottom: calc(70rem / 16);
    }
    .lp_case .__list:nth-child(odd) .__area{
      justify-content: center;
    }
    .lp_case .__list .__area{
      justify-content: center;
    }

    .lp_case .__list:nth-child(even) .__img{
      padding-right: 10%;
    }
    .lp_case .__list .__img{
      flex: 0 0 100%;
    }
    .lp_case .__list .__box{
      width: 80%;
    }
    .office-design .lp_case .__list .__sub{
      padding: calc(20rem /16) 0;
      margin-bottom: calc(20rem / 16);
    }
    .office-design .lp_case .__list .__sub p{
      font-size:calc(14rem / 16) ;
    }

    .shop-design .lp_case .__list .__sub{
      font-size: calc(18rem /16);
    }

    .shop-design .lp_case .__list .case-list .__tex p{
      font-size: calc(14rem / 16);
    }

    .lp_case .__list .__tex-list{
      margin-bottom: calc(14rem / 16);
    }
    .lp_case .__list .__tex-list p{
      font-size: calc(13rem / 16);
    }
    .lp_case .__list .__img .__pic{
      position: inherit;
      width: 100%;
    }

    .lp_case .__list .__tit{
      padding-top: calc(40rem / 16) ;
      font-size: calc(20rem / 16);
    }
    .lp_case .__list:nth-child(odd) .__img{
      padding-left: 10%;
    }
    .lp_case .__date{
      padding-top: calc(80rem / 16);
      margin-top: calc(80rem / 16);
      gap: 0;
    }
    .lp_case .__date .__right .sub_tit{
      font-size: calc(92.5rem / 16);
      top: 0;
    }
    .lp_case .__date .__right dl{
      font-size: calc(14rem / 16);
      padding-bottom: calc(20rem / 16);
    }

    .lp_case .__shop_name{
      padding-bottom: calc(50rem / 16);
    }

  }

/*
      フロー
  --------------------------------- */
  .lp_flow .__intro{
    font-size: calc(24rem / 16);
    font-weight: 500;
    padding-bottom: calc(80rem / 16);
  }

  .lp_flow .flow_area{
    display: grid;
    justify-content: space-between;
    grid-template-columns: 100px 650px;
    position: relative;
    align-items: center;
  }

  .lp_flow .__free .flow_area{
    padding-bottom: calc(40rem / 16);
    margin-bottom: calc(30rem / 16);
  }

  .lp_flow .__after .flow_area{
    padding-top: calc(40rem / 16);
    margin-top: calc(30rem / 16);
  }

  .lp_flow .__free .flow_area:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50px;
    transform: translateX(-50%);
  }

  .lp_flow .__free{
    max-width: 950px;
    margin: 0 auto;
    position: relative;
    /* padding:calc(40rem / 16) 0; */
  }

  .office-design .lp_flow .__free{
    /* background-color: var(--red2);
    border: 1px solid var(--red); */
  }

  .shop-design .lp_flow .__free{
    /* background-color: var(--gray9);
      border: 1px solid var(--main-gold); */
  }

  .lp_flow .__free .__left{
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
  }

  .office-design .lp_flow .__free .flow_area:before,
  .office-design .lp_flow .__after .flow_area:before{
    border-top: 12px solid var(--main-blue);
  }

  .shop-design .lp_flow .__free .flow_area:before,
  .shop-design .lp_flow .__after .flow_area:before{
    border-top: 12px solid var(--black);
  }

  .lp_flow .__free .__right li:last-of-type .flow_area:before{
    content: none;
  }

  .lp_flow  .__after .flow_area:before{
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 0;
    left: 50px;
    transform: translateX(-50%);
  }

  .lp_flow .__step{
    width: 100px;
    height: 100px;
    /* border: 1px solid var(--main-blue); */
    border-radius: 50%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: calc(18rem / 16);
    /* color: var(--main-blue); */
    flex-grow: 0;
  }

  .office-design .lp_flow .__step{
    color: #fff;
    background-color: var(--main-blue);
  }

  .shop-design .lp_flow .__step{
    color: #fff;
    background-color: var(--black);
    border: none;
  }

  .lp_flow .__step .__num{
    display: block;
    font-size: calc(34rem / 16);
  }

  .office-design .lp_flow .__step .__num{
    font-family: zen-antique-soft, sans-serif;
    line-height: 1;
  }

  .shop-design .lp_flow .__step .__num{
    font-family: open-sans, serif;
    line-height: 1;
    font-style: italic;
  }

  .lp_flow .__inner{
    flex-grow: 1;
    padding: calc(20rem / 16) calc(40rem / 16);
    background-color: #fff;
  }

  .office-design .lp_flow .__inner{
    border: 1px solid var(--main-blue);
  }

  .shop-design .lp_flow .__inner{
    background-color: var(--gray6);
  }

  .lp_flow .__inner .__tit{
    color: var(--main-blue);
    font-weight: 700;
    font-size: calc(24rem / 16);
    padding-bottom: calc(12rem / 16);
  }

  .shop-design .lp_flow .__inner .__tit{
    color: var(--main-gold);
  }

  .lp_flow .__inner .__tex{
    color: var(--gray2);
    font-size: calc(18rem / 16);
  }

  .lp_flow .__right{
    max-width: 800px;
      margin: 0 auto;
  }

  .lp_flow .__free .__right li:last-of-type .flow_area{
    padding-bottom: 0;
    margin-bottom: 0;

  }

  .lp_flow .__free .__left .__text{
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    height: 257px;
    text-align: center;
    padding: 0 18px;
    background-color: #fff;
    position: relative;
    font-size: calc(20rem / 16);
    font-weight: 700;
  }

  .office-design .lp_flow .__free .__left .__text{
    color: var(--red);
    border: 1px solid var(--red);
  }

  .shop-design .lp_flow .__free .__left .__text{
    color: var(--main-gold);
    border: 1px solid var(--main-gold);
  }



  @media screen and (max-width:768px){
    .lp_flow .__intro{
      font-size: calc(16rem / 16);
      padding-bottom: calc(40rem / 16);
    }

    .lp_flow .flow_area{
      gap: 0;
      margin-bottom: calc(20rem / 16);
      grid-template-columns: unset;
      display: block;

    }

    .lp_flow .__step{

      font-size: calc(14rem / 16);
      width: 60px;
      height: 60px;
      margin-left: -10px;
      margin-bottom: -30px;
      position: relative;
    }
    .lp_flow .__inner{
      padding: calc(28rem / 16) calc(30rem / 16) calc(20rem / 16);
    }

    .shop-design .lp_flow .__inner{
      border: 1px solid var(--main-gold);
    }

    .lp_flow .__inner .__tit{
      font-size: calc(16rem / 16);
    }

    .lp_flow .__inner .__tex{
      font-size: calc(14rem / 16);
    }

    .lp_flow .__step .__num{
      font-size: calc(25rem / 16);
      margin-top: -3px;
      line-height: 1;
    }

    .lp_flow .__free .flow_area:before,
    .lp_flow .__after .flow_area:before{
      left: 50%;
    }

    .lp_flow .__free,
    .lp_flow .__after{
      display: block;
    }

    .lp_flow .__free{
      /* padding: calc(50rem / 16) 0 calc(20rem / 16); */
      position: relative;
      grid-template-columns: unset;
    }

    .office-design .lp_flow .__free{
      /* background-color: var(--red2);
        border: 1px solid var(--red); */
    }

    /* .lp_flow .__free:before{
      content: "無料で対応";
      position: absolute;
      top: -18px;
      left: 7%;
      background: #fff;
      font-weight: 700;
      font-size: calc(18rem / 16);
      padding: 1% 3%;
    } */

    .office-design .lp_flow .__free:before{
      color: var(--red);
      border: 1px solid var(--red);
    }

    /* .shop-design .lp_flow .__free:before{
      color: var(--main-gold);
      border: 1px solid var(--main-gold);
    } */

    .lp_flow .__right{
      width: 90%;
      margin: 0 auto;
    }


  }
/*
      お問合せ
  --------------------------------- */
  .lp_contact{
    background-color: var(--gray3);
  }

  .shop-design .lp_contact {
    background-color: var(--gray6);
  }

  .lp_contact .__intro{
    font-size: calc(18rem / 16);
    text-align: center;
    padding-bottom: calc(60rem / 16);
  }

  .lp_contact .__attention{
    background-color: #fff;
    border: 1px solid var(--main-blue);
    padding: calc(40rem / 16) 0;
  }

  .shop-design .lp_contact .__attention{
    border-color: var(--main-gold);
  }

  .lp_contact .__attention .__inner{
    width: 80%;
    margin: 0 auto;
  }

  .lp_contact .__attention .__text{
    font-size: calc(24rem / 16) ;
    text-align: center;
    font-weight: 500;
  }

  .lp_contact .contact__button{
    /* justify-content: space-between; */
    justify-content: center;
  }
  .btn_line,
  .btn_phone{
    width: 41.8%;
  }
  .lp_contact .contact__button .__time{
    text-align: center;
    padding-top: calc(10rem / 16);
    color: var(--gray2);
  }

  .contactform{
    background-color: #fff;
    margin-top: calc(60rem / 16);
    padding: calc(70rem / 16) 0;
  }

  .contactform .form__inner{
    max-width: 700px;
    margin: 0 auto;
    width: 90%;
  }

  .contactform tr {
    display: flex;
    padding-top: calc(30rem / 16);
    justify-content: space-between;
    gap: 35px;
  }

  .contactform th{
    width: 28.5%;
    padding-top: 6px;
    max-width: 165px;
  }

  .contactform input[type="text"],
  .contactform input[type="password"],
  .contactform input[type="email"],
  .contactform input[type="tel"],
  .contactform input[type="search"],
  .contactform input[type="url"],
  .contactform input[type="date"],
  .contactform select,
  .contactform textarea {

    width: 100%;
    padding: 8px 20px;
  }

  .office-design .contactform input[type="text"],
  .office-design .contactform input[type="password"],
  .office-design .contactform input[type="email"],
  .office-design .contactform input[type="tel"],
  .office-design .contactform input[type="search"],
  .office-design .contactform input[type="url"],
  .office-design .contactform input[type="date"],
  .office-design .contactform select,
  .office-design .contactform textarea {
    border: 1px solid var(--blue1);
  }

  .shop-design .contactform input[type="text"],
  .shop-design .contactform input[type="password"],
  .shop-design .contactform input[type="email"],
  .shop-design .contactform input[type="tel"],
  .shop-design .contactform input[type="search"],
  .shop-design .contactform input[type="url"],
  .shop-design .contactform input[type="date"],
  .shop-design .contactform select,
  .shop-design .contactform textarea {
    border: 1px solid var(--gray4);
  }

  .contactform .file{
    padding: calc(30rem / 16) calc(34rem / 16);
  }

  .office-design .contactform .file{
    border: 1px solid var(--blue1);
  }

  .shop-design .contactform .file{
    border: 1px solid var(--gray4);
  }
  .contactform .wpcf7-list-item-label{
    font-size:calc(14rem / 16) ;
  }

  .contactform .file_info,
  .contactform .file_copy{
    font-size: calc(12rem / 16);
    font-weight: 400;
  }

  .contactform .file_info{
    padding-top: calc(10rem / 16);
  }
  .contactform .file_info:first-child{
    padding-top: calc(20rem / 16);
  }

  .contactform .file_copy{
    padding-top: calc(4rem / 16);
  }

  .radio .wpcf7-list-item {
    padding: calc(10rem / 16);
  }

  .office-design .radio .wpcf7-list-item{
    border: 1px solid var(--blue1);
  }

  .shop-design .radio .wpcf7-list-item{
    border: 1px solid var(--gray4);
  }

  input[type="file"]{
    padding-bottom: 1rem;
    font-size: calc(12rem / 16);
  }

  .wpcf7-list-item{
    margin: 0;
  }

  .contactform td{
    width: 100%;
    display: block;
    max-width: 500px;
  }
  .contactform .wpcf7-radio,
  .contactform .wpcf7-checkbox {
  	display: grid;
  	grid-template-columns: 1fr 1fr 1fr;
  	gap: 15px;
  }

  .contactform .grid_2 .wpcf7-radio{
  	grid-template-columns: 1fr 1fr;
  }

  .contactform .agreement{
    padding-top:calc(60rem / 16) ;
  }

  .contactform .agreement a{
    color: inherit;
    border-bottom: 1px solid;
  }

  .contactform .req{
    color: var(--red);
  }

  .shop-design .contactform .req{
    color: var(--main-gold);
  }

  .wpcf7-spinner{
   display: none;
   }


  @media screen and (max-width:768px){

    .lp_contact .__intro{
      font-size: calc(14rem / 16);
      padding-bottom: calc(40rem / 16);
    }

    .lp_contact .__attention .__text{
      font-size: calc(18rem / 16);
    }
    .btn_line,
    .btn_phone{
      width: 100%;
    }
    .lp_contact .contact__button .__time{
      font-size: calc(14rem / 16);
    }

    .contactform{
      margin-top: calc(50rem / 16);
      padding: calc(50rem / 16)0;
    }

    .contactform .form__inner{
      width: 89%;
      max-width: unset;
    }

    .contactform tr{
      flex-direction: column;
      gap: 10px;
    }

    .contactform th{
      font-size: calc(14rem / 16);
      width: 100%;
      max-width: none;
    }

    .contactform td{
      max-width: unset;
    }

     .contactform .wpcf7-radio,
     .contactform .wpcf7-checkbox{
      grid-template-columns: 1fr 1fr;
      gap: 10px;
     }

     .contactform .wpcf7-list-item-label{
      font-size: calc(12rem / 16);
     }

     .contactform .grid_2 .wpcf7-radio{
      grid-template-columns: 1fr;
     }

     .contactform .file{
      padding: calc(30rem / 16) 5%;

     }

     .contactform .agreement{
      padding-top: calc(40rem / 16);
     }

  }



/*
      about
  --------------------------------- */
  .lp_about{
    background-color: var(--gray2);
    color: #fff;
  }

  .shop-design .lp_about{
    background-color: var(--black);
  }

  .lp_about .__intro p{
    font-weight: 700;
    font-size: calc(29rem / 16);
    text-align: center;
  }

  .lp_about .__intro p .__strong{
    font-size: calc(56rem / 16);
  }

  .lp_about_detail {
    padding:calc(50rem / 16) 0 calc(80rem / 16);
    justify-content: space-between;
    align-items: center;
  }

  .lp_about_detail .__box{
    flex-basis: 50%;
  }

  .lp_about_detail .__img{
    width: 45%;

  }

  .lp_about_detail .__box p{
    font-weight: 700;
  }

  .lp_license_detail{
    justify-content: space-between;
    /* gap: 4.8vw; */

  }

  .lp_license_detail .__box{
    width: min(44%, 38.4vw);
  }

  .lp_license_detail .__box .__tit{
    font-size: calc(35rem / 16);
    padding-bottom: calc(40rem / 16);
    font-weight: 700;
  }

  .lp_license_detail .__box .__tex p{
    font-size: calc(19rem / 16);
    font-weight: 500;
  }

  .lp_license_detail .__img{
    width: min(50%, 43.2vw);
  }

  @media screen and (max-width:768px){
    .lp_about .__intro p{
      font-size: calc(16rem / 16);
    }
    .lp_about .__intro p .__strong{
      font-size: calc(25rem / 16);
      display: block;
    }
    .lp_about_detail .__box{
      flex-basis: 100%;
      padding-top: calc(30rem / 16);
    }
    .lp_about_detail {
      padding: calc(40rem / 16) 0 ;
    }

    .lp_about_detail .__img{
      width: 100%;
    }
    .lp_about_detail .__box p{
      font-size: calc(15rem / 16);
    }

    .lp_license_detail .__box,
    .lp_license_detail .__img{
      width: 100%;
    }
    .lp_license_detail{
      flex-direction: column-reverse;
    }
    .lp_license_detail .__box .__tit{
      font-size: calc(24rem / 16);
      padding: calc(40rem / 16) 0 calc(10rem / 16);
    }

    .lp_license_detail .__box .__tex p{
      font-size: calc(14rem / 16);
      font-weight: 400;
    }
  }

/*
    footer
  --------------------------------- */
  .footer a:hover{
    color: inherit;
  }

  .l-footer{
    background-color: var(--gray2);
    padding: calc(60rem / 16) 0;
    border-top: 1px solid #fff;
  }

  .shop-design .l-footer{
    background-color: var(--black);
  }

  .l-footer .__area{
    justify-content: space-between;
    align-items: center;
  }

  .l-footer .__area .__left{
    align-items: center;
    gap: 40px;
  }

  .l-footer .__area  .__copy{
    font-size: calc(12rem / 16);
  }

  .l-footer .__area .__right{
    gap: 30px;
  }

  .l-footer .__area .__right .__link{
    font-size: calc(14rem / 16);
    font-weight: 700;
  }


  @media screen and (max-width:768px){
    .l-footer{
      padding: calc(52rem / 16) 0 calc(100rem / 16);
    }
    .l-footer .__area{
      flex-direction: column;
    }

    .l-footer .__area .__left,
    .l-footer .__area .__right{
      padding-bottom: calc(40rem / 16);
    }

  }
/*
     page-thanks
  --------------------------------- */
  .l-thanks .__header{
    position: relative;
  }

  .l-thanks .__inner .__tit{
    font-weight: 700;
    font-size: calc(28rem / 16);
    padding-bottom: 3%;
  }


/* =====================================================
component
===================================================== */
/*
    c-header
  --------------------------------- */
  .c-heading{
    font-weight: 700;
    flex-direction: column;
    margin-bottom: 5em;
  }

  .c-heading.__right{
    text-align: right;
  }

  .c-heading.__center{
    text-align: center;
  }

  .c-heading .__en{
    font-size: calc(99rem / 16);
    line-height: 1;
  }

  .c-heading .c-heading_jp{
    color: var(--main-blue);
    font-size: calc(20rem / 16);
    padding-top: calc(5rem / 16);
  }
  .shop-design .c-heading .c-heading_jp{
    color: var(--main-gold);
    font-size: calc(16rem / 16);
  }

  .shop-design .lp_case .c-heading,
  .shop-design .lp_case .c-heading .c-heading_jp{
    color: #fff;
  }

  .c-heading .c-heading_jp .lan_en{
    font-size: calc(29rem / 16);
    padding-right: 4px;
  }

  .lp_works .c-heading{
    margin-bottom: 0;
  }

  .lp_one-stop .c-heading,
  .lp_one-stop .c-heading .c-heading_jp{
    color: #fff;
    text-align: center;
  }
  .lp_one-stop .c-heading .en{
    font-size: calc(120rem / 16);
  }

  .shop-design .lp_one-stop .c-heading .en{
    font-size: calc(117rem / 16);
  }

  .c-heading.__white,
  .c-heading.__white .c-heading_jp{
    color: #fff;
  }

  .shop-design .lp_difference .c-heading .__en{
    font-size: calc(97rem /16);
  }

  @media screen and (max-width:1024px){
    .c-heading {
        margin-bottom: 3.75em;
    }
    .c-heading .en{
      font-size: calc(38rem / 16);
    }
    .c-heading .c-heading_jp{
        font-size: calc(14rem / 16);
    }
    .lp_works .c-heading {
        margin-bottom: 3.75em;
    }
    .lp_office_one-stop .c-heading .en,
    .shop-design .lp_one-stop .c-heading .en {
        font-size: calc(50rem / 16);
    }
    .lp_one-stop .c-heading .en {
        font-size: calc(50rem / 16);
    }
    .c-heading.__center-sp{
      text-align: center;
    }
    .shop-design .lp_difference .c-heading .__en{
      font-size: calc(38rem/ 16);
    }
    .c-heading .c-heading_jp .lan_en{
      font-size: calc(18rem/ 16);
    }
  }
/*
  page-tit
 --------------------------------- */
 .c_title{
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fff;
  flex-direction: column;
  transform: translate(-50%, -50%);
  text-align: center;
 }

 .c_title .__en{
  font-size: calc(48rem / 16);
 }


/*
  cta
 --------------------------------- */
  .l-cta{
    /* background-color: var(--main); */
    background-color: var(--green2);
    position: relative;
    padding: calc(100rem / 16) 0;
    position: relative;
    overflow: hidden;
  }

  .shop-design .l-cta{
    background-color: var(--gray4);
  }

  .l-cta_wrap{
    padding: calc(100rem / 16) 0;
  }

  .l-cta:before{
    content: "";
    position: absolute;
    top: 0;
    left: -300vw;
    z-index: 0;
    background: var(--main);
    width: 200vw;
    height: 100%;
    /* -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg); */
    -webkit-transition: all 1s;
    transition: all 1s;
  }

  .shop-design .l-cta:before{
    background: var(--black);
  }

  .l-cta.active:before{
    left: -100vw;
  }

  .l-cta__box{
    position: relative;
  }

  .l-cta .__copy{
    color: #fff;
    font-size: calc(22rem / 16);
    padding-bottom: 3%;
    position: relative;
    line-height: 1.5;
  }

  .shop-design .l-cta .__copy{
    font-size: calc(22rem / 16);
    font-weight: 700;
  }

  .shop-design .l-cta .__copy .__strong{
    font-size: clamp(1.25rem, 1.4rem, 2.125rem);
  }



  .l-cta .__copy .__strong{
    font-size: clamp(1.25rem, 1.4rem, 2.125rem);
    white-space: nowrap
  }
  .l-cta .__copy .__strong .__en{
    font-size: calc(74rem / 16);
    padding: 0 1%;
  }

  .l-cta .__box{
    background: rgba(255, 255, 255, .9);
    padding: calc(50rem / 16) 0;
  }

  .l-cta .__box .__inner{
    justify-content: space-between;
    align-items: center;
  }

  .l-cta .__box .__inner .__left,
  .l-cta .__box .__inner .__right{
    width: 44%;
  }

  .l-cta .sub_tit{
    font-size: clamp(4.688rem, 2.491rem + 10.98vw, 12.375rem);
    color: rgba(255, 255, 255, .15);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
  }

  .shop-design .l-cta .sub_tit{
    font-size: clamp(4.563rem, 1.366rem + 15.98vw, 15.75rem);
    font-weight: 700;
    bottom: -90px;
  }

  .l-cta .__box .__time{
    font-weight: 700;
    font-size: clamp(1rem, 1.018rem + -0.09vw, 0.938rem);
  }

  @media screen and (max-width: 1024px){
    .l-cta .__copy .__strong{
      white-space: initial;
    }
    .shop-design .l-cta .__copy{
      font-size: calc(15rem/ 16);
    }
  }

  @media screen and (max-width:768px){
    .l-cta .__copy{
      font-size: calc(12rem / 16);
    }

    .l-cta .__copy .__strong{
      font-size: 6vw;
    }

    .l-cta .__copy .__strong .__en{
      font-size: calc(40rem / 16);
    }
    .l-cta .sub_tit{
      font-size: calc(73rem / 16);
      top: -30%;
    }

    .l-cta .__box .__inner .__left,
    .l-cta .__box .__inner .__right{
      width: 100%;
    }

  }

/*
    スライダー
  --------------------------------- */
  /* 事例スライダー */
  .c-slider_wrap{
    overflow: hidden;
  }

  .lp_case .c-slider{
    margin-left: 5%;
    position: relative;
    padding-bottom: calc(70rem / 16);
  }
  .c-slider_wrap{
    padding-top: calc(40rem / 16);
  }
  .swiper-slide{
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .swiper-slide.swiper-slide-active{
    width: 29.5vw !important;
  }

  .c-slider .swiper-button-next,
  .c-slider .swiper-button-prev {
    bottom: 0;
    top: auto;
    width: 50px;
    height: 50px;
    opacity: 1;
    background: #fff;
    border-radius: 50%;
    transition: opacity .6s;
  }
  .c-slider .swiper-button-next:after,
  .c-slider .swiper-button-prev:after {
    content: "";
    background-image: url(../images-5/arrow-2.svg);
    width: 17px;
    height: 17px;
  }

  .shop-design .c-slider .swiper-button-next:after,
  .shop-design .c-slider .swiper-button-prev:after {
    background-image: url(../images-5/arrow-3.svg);
  }

  .c-slider .swiper-button-prev {
    left: 60%;
  }
  .c-slider .swiper-button-next {
    right: 20%;
  }

  .c-slider .swiper-button-prev:after{
    transform: rotate(180deg);
  }

  .c-slider .swiper-button-next:hover,
  .c-slider .swiper-button-prev:hover{
    opacity: .7
  }

  @media screen and (max-width:768px){
    .c-slider .swiper-button-next{
      right: 10%;
    }
    .c-slider .swiper-button-prev{
      left: 40%;
    }
    .swiper-slide.swiper-slide-active{
      width: 45.2vw !important;
    }

    .c-slider_wrap{
      padding-top: calc(10rem / 16);
    }

    .lp_case .c-slider{
      padding-bottom: calc(90rem / 16);

    }

  }




/*
    追従
  --------------------------------- */
  .fixed_line{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 2;
  }

  .fixed_line .__link{
    background-color: var(--green);
    width: 160px;
    height: 160px;
    border-radius: 50%;
    display: block;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: calc(18rem / 16);
    text-align: center;
    color: #fff;
  }

  .shop-design .fixed_line .__link{
    background-color: var(--line-green);
  }

  .fixed_line .__text{
    line-height: 1.5;
  }

  .fixed_line .__link .__img{
    width: 40px;
  }

  @media screen and (max-width:768px){
    .fixed_line .__link{
      width: 100px;
      height: 100px;
      font-size: calc(13rem / 16);
    }
    .fixed_line .__link .__img{
      width: 24px;
    }
    .fixed_line .__link span{
      line-height: 1.5;
    }
  }

/*
    パンくず
  --------------------------------- */
    .l-breadcrumbs{
      background-color: var(--gray2);
      text-align: right;
      color: #fff;
      padding-bottom: 2%;
      font-size: calc(12rem / 16);
    }

    .shop-design .l-breadcrumbs{
      background-color: var(--black);
    }

    .l-breadcrumbs a{
      color: #fff;

    }
/*
     hamburger
  --------------------------------- */
  .hamburger{
    height: 40px;
  }
  .p-hamburger {
    position: relative;
    border-radius: 50%;
    margin: auto 0;
    width: 40px;
    height: 40px;
    outline: 0;
    border: 0;
    z-index: 999;
    background: #fff;
    -webkit-box-shadow: 0 0 40px transparent;
    box-shadow: 0 0 40px transparent;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .office-design .lp_header.is-LpAnimation .p-hamburger{
    background: var(--green4);
  }

  .shop-design .lp_header.is-LpAnimation .p-hamburger{
    background: var(--black);
  }

  .shop-design .lp_header.is-LpAnimation .p-hamburger{

  }

  .lp_header.is-LpAnimation .p-hamburger__line:before,
  .lp_header.is-LpAnimation .p-hamburger__line:after{
    background-color: #fff;
  }

  .p-hamburger__line {
    position: absolute;
    top: 0;
    right: 50%;
    transform: translateX(50%);
    bottom: 0;
    /* left: 0; */
    display: block;
    border-radius: 50%;

    margin: auto;
    width: 18px;
    height: 2px;
    border-radius: 0.25em;
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
    transition: -webkit-transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  }

  .p-hamburger__line:before,
  .p-hamburger__line:after {
    background-color: var(--main);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    content: "";
    -webkit-transition: inherit;
    transition: inherit;
    right: 0;
  }

  .p-hamburger__line:before {
    top: -3px;
  }

  .p-hamburger__line:after {
    top: 3px;
  }

  .is-drawerActive .p-hamburger__line {
    background-color: transparent;
  }

  .is-drawerActive .p-hamburger__line:before,
  .is-drawerActive .p-hamburger__line:after {
    top: 0;
    width: 20px;
  }

  .is-drawerActive .p-hamburger__line:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .is-drawerActive .p-hamburger__line:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  .hamburger_nav_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
  }

  .hamburger_nav {
    background-color: var(--green4);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    -webkit-transform: translateX(110%);
    transform: translateX(110%);
    /* padding-bottom: 10rem; */
    width: 100%;
    height: 100vh;
    pointer-events: all;
  }

  .hamburger_nav_inner{
    height: 95vh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .shop-design .hamburger_nav{
    background-color: var(--black);
  }

  .is-drawerActive .hamburger_nav {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  body.is-drawerActive{
    position: fixed;
    width: 100%;
    overflow: hidden;
  }

  @media screen and (max-width:375px){
    .p-hamburger{
      width: 35px;
      height: 35px;
    }
    .hamburger{
      height: 35px;
    }
  }

/*
    c-button
  --------------------------------- */
  .c-button{
    padding-top: 4.375em;
  }

  .c-button.btn_right{
    margin: 0 0 0 auto;
  }

  .c-button.btn_center{
    margin: 0  auto;
  }

  .c-button .btn{
    background-color: var(--main);
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: calc(14rem / 16) clamp(0.625rem, 1.8rem, 2rem);;
    text-align: center;
    border-radius: 40px;
    font-size: calc(20rem / 16);
  }
  @media screen and (max-width:768px){
    .c-button.__black{
      width: calc(270rem / 16);
    }
    .c-button .btn{
      padding: calc(12rem / 16) calc(10rem / 16);
    }
  }

  /* black_btn */
    .c-button.__black {
      width: calc(300rem / 16);
    }

    .c-button.__black .btn{
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 15px;
      transition: .5s;
    }

    .c-button.__black .btn .__img_back{
      transform: rotate(180deg);
    }

    .c-button.__black .btn:hover .__img_back{
      transform: rotate(180deg) translateX(10px);

    }

    .c-button.__black .btn:hover{
      opacity: .7;
    }

    .c-button.__black .btn:hover ._img{
      transform: translateX(10px);
    }

    @media screen and (max-width:768px){
      .c-button.__black {
        width: calc(270rem / 16);
      }
    }
  /* contact_btn */

  .contact__button .c-button {
    padding-top: calc(30rem / 16);
    font-size: calc(20rem / 16);
  }

  .contact__button .c-button .btn{
    max-width: 300px;
    padding: calc(20rem / 16) 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
  }

  .btn_line .c-button .btn{
    background-color: var(--green);
  }

  @media screen and (max-width:768px){
    .contact__button .btn_line .c-button{
      padding-top: calc(40rem / 16);
    }
    .contact__button .c-button .btn{
      margin: 0 auto;
    }

  }

    /* 送信ボタン */
    .c-button.submit{
      text-align: center;

    }

    input[type="submit"]{
      color: #fff;
      background-color: var(--red);
      width: calc(400rem / 16);
      border-radius: 35px;
    }

    .shop-design input[type="submit"]{
      background-color: var(--main-gold);
    }

    @media screen and (max-width:768px){
      input[type="submit"]{
        width: 90%;
      }
      .lp_header .header_nav .__list
      .c-button.submit{
        padding-top: calc(30rem / 16);
      }
    }

     /* header_btn */
     .header_nav .c-button{
      padding-top: 0;
     }

     .header_nav .c-button .btn{
      font-size: calc(15rem / 16);
      background-color: var(--red);
      display: flex;
      gap: 6px;
      align-items: center;
      color: #fff;
     }

     .lp_header.is-LpAnimation .header_nav .c-button .btn{
      color: #fff;
     }

     @media screen and (max-width:1024px){
      .hamburger_nav .c-button{
        padding-top: 0;
        width: 100%;
      }

      .hamburger_nav .c-button.__line{
        padding-top: calc(10rem / 16);

      }
      .hamburger_nav .c-button .btn{
        padding: calc(15rem / 16) 0;
      }

      .hamburger_nav .c-button.__form .btn{
        background-color: var(--red);
        gap: 20px;
        align-items: center;
        display: flex;
        justify-content: center;
      }

      .hamburger_nav .c-button.__line .btn{
        background-color: var(--green);
        gap: 20px;
        align-items: center;
        display: flex;
        justify-content: center;
      }
     }

      /* shop header_btn */
      .shop-design .header_nav .c-button .btn{
        background-color: var(--main-gold);
       }

  /* cta_btn */
  .c-button.__phone,
  .c-button.__form{
    padding-top: 0;
  }

  .c-button.__line{
    padding-top: calc(40rem / 16);
  }

  .c-button.__phone .btn{
    background: none;
    color: inherit;
    padding: calc(36rem / 16) 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-radius: unset;
  }

  .c-button.__phone .btn .btn_tex{
    font-size: clamp(2.063rem, 1.902rem + 0.8vw, 2.625rem);
    font-weight: 700;
  }

  .c-button.__phone .btn .__phone_area{
    justify-content: center;
    align-items: center;
    gap: 20px;
  }

  .c-button.__form .btn{
    background-color: var(--red);
  }

  .shop-design .c-button.__form .btn{
    background-color: var(--main-gold);
  }

  .c-button.__line .btn{
    background-color: var(--green);
  }

  .shop-design .c-button.__line .btn{
    background-color: var(--line-green);
  }

  .c-button.__form .btn,
  .c-button.__line .btn{
    display: flex;
    justify-content: center;
    gap: 20px;
    align-items: center;
    padding: calc(20rem / 16) 0;
  }

  @media screen and (max-width:768px){
    .c-button.__form,
    .c-button.__line{
      padding-top: calc(30rem / 16);
    }
    .c-button.__phone .btn .btn_tex{
      font-size: calc(33rem / 16);
    }

    .c-button.__phone .btn .__time{
      font-size: calc(15rem / 16);
    }

    .c-button.__phone .btn{
      padding: calc(20rem / 16) 0;
    }

    .c-button.__phone .btn .__phone_area{
      gap: 5px;
      /* justify-content: space-between; */
    }
  }

  @media screen and (max-width:375px){
    .c-button.__phone .btn .__time{
      font-size: calc(13rem / 16);
    }

    .c-button.__phone .btn .btn_tex{
      font-size: calc(27rem / 16);
    }
  }

   /* circle_btn */
   .c-button.__circle .btn{
    background-color: inherit;
    color: inherit;
    padding: 0;
    display: inline-flex;
    align-items: center;
    text-align: left;
    font-weight: 700;
    justify-content: flex-end;
    gap: calc(30rem / 16);
    width: auto;
   }

   .c-button.btn_right.__circle{
    text-align: right;

   }

   .c-button.__circle .btn.__back{
    justify-content: center;
   }

   .lp_case .c-button.__circle .btn{
    justify-content: center;
   }

   .c-button.__circle .btn .__en{
    font-size: calc(32rem / 16);
   }

   .c-button.__circle .btn .__jp{
    font-size: calc(10rem / 16);
   }

   .c-button.__circle .__right{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid var(--black);
    flex: none;
    transition: scale 0.4s cubic-bezier(0.33, 1, 0.68, 1);
    width: 100px;
    height: 100px;
   }

   .lp_case  .c-button.__circle .__right{
    border-color: #fff;
   }

  .c-button.__circle .__right svg{
    fill: var(--main-gold);
   }

   .lp_case  .c-button.__circle .__right svg{
    fill: #fff;
   }

   .c-button.__circle .__right .__arrow{
    position: absolute;
    transition: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    transition-property: translate, opacity;
   }

   .c-button.__circle .__right .__before{
    opacity: 0;
    translate: -125% 0;
   }

   .c-button.__circle .__back .__right .__before{
    translate: 125% 0;
   }

   .c-button.__circle .btn:hover .__right .__before{
    opacity: 1;
    translate: 0;
   }

   .c-button.__circle .btn:hover .__right .__after{
    opacity: 0;
    translate: 125% 0;
   }

   .c-button.__circle .__back .btn:hover .__right .__after{
    translate: -125% 0;
   }

   .c-button.__circle .btn:hover .__right{
    scale: 1.15;
   }

   .c-button.__circle .btn:hover .__left{
    filter: brightness(3);
   }

   @media screen and (max-width:768px){
    .c-button.__circle .btn .__en{
      font-size: calc(26rem / 16);
    }
    .c-button.__circle .__right{
      width: 80px;
      height: 80px;
    }

   }


/*
     header- hover
  --------------------------------- */
  .c_hover_line{
    position: relative;
  }
  .c_hover_line:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    display: block;
    height: 2px;
    background: #fff;
    -webkit-transition: width 0.35s ease 0s, opacity 0.35s ease 0s;
    transition: width 0.35s ease 0s, opacity 0.35s ease 0s;
    opacity: 0.6;
    width: 0;
  }

  .lp_header.is-LpAnimation .c_hover_line:before{
    background: var(--main);
  }

  .c_hover_line:hover:before{
    width: 100%;
    opacity: 1;
  }

/*
     Animation
  --------------------------------- */
  .js-trigger {
    opacity: 0;
    -webkit-transform: translate3d(0, 10%, 0);
    transform: translate3d(0, 10%, 0);
    -webkit-transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
    transition: all 1s cubic-bezier(0.23, 1, 0.32, 1) 0s;
  }

  .js-trigger.is-shown {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  .js-trigger2 {
    animation: img-opacity 0.9s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    overflow: hidden;
    position: relative;
    display: block;
  }

  .js-trigger2 img{
    transform: scale(1.3);
      transition: transform 2.5s 0.08s ease, opacity 0.8s ease;
  }
  .js-trigger2.is-visible img{
    transform: scale(1);
  }
  @keyframes img-opacity {
    100% {
      opacity: 1;
    }
  }

/*
   Utility
-----------------------------------------------------*/

/*
    Break
  */
  .u-break .-sp,
  .u-break .-lap {
      display: none;
  }

  @media screen and (max-width: 1024px){
    .u-break .-lap{
      display: block;
    }

    .u-break .-pc {
      display: none;
  }

  }

  @media screen and (max-width:768px) {
    /* .u-break .-lap {
        display: none;
      } */
      .u-break .-sp {
          display: block;
      }
  }

  .shop-design .ver_office{
    display: none;
  }

  .office-design .ver_shop{
    display: none;
  }




/*
    Screen Reader Text
  */
.screen-reader-text {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
}

.grecaptcha-badge{
  display: none;
}