body {
	margin: auto;
}
img {
    max-width: 100%;
    image-rendering: -webkit-optimize-contrast;
}

#stalker {
    pointer-events: none;
    position: fixed;
    top: -10px;
    left: -10px;
    width: 20px;
    height: 20px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50%;
    transition: transform 0.1s, top, 0.5s, left 0.5s, width 0.5s, height 0.5s, background-color 0.5s;
    transition-timing-function: ease-out;
    z-index: 999;
  }
  #stalker.hov {
    top: -32px;
    left: -32px;
    width: 64px;
    height: 64px;
    transition: 0.5s;
    background: rgba(222, 184, 135, 0.4);
  }


header.fixed {
	width: 100%;
  height: 90px;
  -webkit-box-align: start;
  -ms-flex-align: unset;
  align-items: start;
  position: relative;
  display: block;
  top: 0;
}
header #navbar {
    overflow: visible;
    padding: 5px 80px;
    box-sizing: border-box;
    margin-bottom: auto;
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
}
#navbar .drawer {
    margin: 0;
}
#navbar .drawer a h1 {
    margin-bottom: 0;
}
#navbar .drawer a img {
  margin: auto 0;
  margin-top: 0;
  width: auto;
  height: 60px;
  min-width: 60px;
}
nav.navbtn a {
  font-size: 17px;
  letter-spacing: 4.2px;
  margin-left: 42px;
  border-bottom: none;
  transition: all .1s;
  padding: 0.1em 0.3em;
}

section.service .inner h2.dftitle,
section.rectuit h2.dftitle {
    margin-bottom: 30px;
}
div.top-content {
  max-width: 1440px;
  margin-bottom: 0;
}
div.top-content.news {
    margin-top: 0;
    margin-bottom: 2%;
}
div.det-desc.news h4.content-title {
    font-size: 24px;
    line-height: 40px;
    margin-top: 1%;
}
div.news-main img {
    max-width: 800px;
    padding-top: 2.5em;
}
p.newstxt {
    padding: 4em;
    width: 80%;
    line-height: 24px;
    font-size: unset;
}
section.nwsall.news.foot {
    margin-top: unset;
}
h2.dftitle {
  font-size: 36px;
  font-weight: 700;
  border-bottom: 1px solid #BDBDBD;
  padding-bottom: 8px;
  margin-bottom: 3%;
}
ul.infolist {
  background: #F9F9F9;
}
ul.infolist li a {
  padding: 1% 2%;
}
ul.infolist li a:hover {
  text-decoration: none;
  color: #000;
  transition: all 0.3s;
  opacity: 0.8;
}
ul.infolist li a .listimg {
    height: 110px;
    width: 195px;
    border: 1px solid #eee;
    background: #ffffff80;
    position: relative;
}
ul.infolist li a .listimg.art {
    height: 98px;
    width: 175px;
}
ul.infolist li a .listimg img {
    object-fit: contain;
    position: absolute;
    width: 100%;
    height: 100%;
}
p.artistname,
a.artistname {
    padding: 8px;
    margin-bottom: 0.7em;
    display: block;
    font-size: 12px;
}
a.artistname:hover {
    color: #00adb5;
}
h4.content-title {
    font-size: 17px;
    margin: 8px 20px 0 0;
}

div.det-desc {
  margin-left: 20px;
  width: 80%;
}

div.inner {
  margin-bottom: 120px;
}
div.imginner {
  position: revert;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  /*box-shadow: 6px 6px 0px 0px #00000014;*/
}
div.imginner.cp {
    position: relative;
}
div.imginner:hover {
    box-shadow: none;
    transition: 1s all;
/*    border-radius: 6px;*/
}
img.img__original:hover,
div.imginner img.sv:hover {
  transform: scale(1.2,1.2);
  transition: 1s all;
}
/*a.uk-card div.imginner:hover {
  filter: drop-shadow(0px 20px 20px rgba(160, 160, 160, 0.8));
}*/
div.uk-card a p  {
    font-size: 1.5em;
}
div.artistall {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between; /*アーティスト増えたら取る*/
}
div.artistall a {
  margin-bottom: 50px;
  font-weight: 700;
  width: 30%;
}
div.artistall a:hover {
  text-decoration: none;
  color: #000;
}
a.uk-first-column {
    display: unset;
    flex-direction: unset;
}
p.a_name {
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 5px #222;
    border-left: none;
    padding: unset;
}
section.top.rectuit {
  display: flex;
  width: 100%;
  margin-bottom: 10%;
}
section.top.rectuit>div {
  width: 48%;
  margin-right: 5%;
  margin-bottom: 2%;
}
section.top.rectuit>div:last-child {
  margin-right: 0;
}

div.right {
    padding: 0;
    margin-bottom: 2%;
}

a.arw p.a_name {
  font-size: 1.25em;
  padding-left: 4%;
  color: unset;
  text-shadow: unset;
}
a.arrow.two::after {
    left: 74%;
}
a.arrow:hover,
div.right a:hover {
  color: #00ADB5;
  text-decoration: unset;
}
a.arrow:hover::after {
  left: 76%;
}



p.header_subcopy {
    margin: 4% 0 3%;
}

p.info {
    color: #221915;
    text-align: center;
    letter-spacing: 1px;
    font-size: 15px;
}
div.top {
    padding-top: 0;
    display: block;
    min-height: auto;
}
#swpapp {
    overflow: hidden;
    padding: 0 0 5em;
    position: revert;
    margin: 0 auto;
    margin-bottom: 0;
}


.hide{
	transform: translateX(130%); /* 上に消えるようにする */
    /*display: none!important;*/
}

section.top-logo img {
	display: none;
}

section.top-pickup {
    padding-top: 3em;
}

section.news, .artist, .service {
	padding: 1% 0 0;
    /*margin: 2% 0;*/
}
ul.news-block {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    height: 175px;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
}
ul.news-block li {
    width: 35%;
}

div.artist {
    padding: 0;
    margin-bottom: 4%;
}
div.artistimg img.topimg {
    height: unset;
    width: 100%;
    object-fit: cover;
    pointer-events: none;
}
div.a-logo {
    padding: 15px 6px 0;
}
div.a-logo::after {
    bottom: -16px;
    border-width: 16px 50px 0;
}
div.a-logo img {
    width: 88px;
}
section.artist-name h1.artisttop {
     position: absolute;
     right: 0;
     top: 17%;
     margin-bottom: unset;
     text-shadow: 0 3px 3px #00000080;
     transform: skew(180deg,347deg);
     box-shadow: 10px 10px 0px #e5e5e585;
     pointer-events: none;
     font-size: 2.4em;
     line-height: unset;
     padding: 1.2% 2% 1.5%;
     white-space: nowrap;
     width: 20%;
}
section.artist-name h1.artisttop.p-tomino {
    color: #fff;
}
span.sns {
    padding: 0.8% 1.3%;
    background: #fffffff7;
    border-radius: 4px;
    position: absolute;
    right: 0%;
    bottom: 25px;
    line-height: 35px;
    color: #333;
    font-size: 14px;
    text-align: end;
    white-space: unset;
}
nav.artist-nav,
nav.svc-nav {
    width: 94%;
    border-radius: 70px;
    margin-top: 4%;
}
nav.artist-nav {
    padding: 0 3em;
}
nav.artist-nav.common {
    margin-top: 2%;
}
nav.artist-nav ul li {
  flex: 1;
  text-align: center;
}
nav.artist-nav ul,
ul.c-menu {
    padding: unset;
    height: 100px;
    flex-wrap: unset;
    gap: unset;
    display: flex;
    margin-bottom: 0;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 3px;
}
section.artist.movie div.mov {
    display: flex;
    justify-content: unset;
}
section.artist.disc div.uk-flex {
    display: flex;
    margin-bottom: 2%;
   /* justify-content: space-evenly;*/
}
div.movin {
    margin: 1.2%;
    width: 30%;
    margin-bottom: unset;
}
section.artist.disc div a img,
section.artist.disc div div.disco img {
    box-shadow: 0 4px 7px #00000029;
    height: 233px;
    width: 233px;
    object-fit: scale-down;
    background: #fff;
    display: flex;
    margin: unset;
}
a.disco,
div.disco {
    width: 228px;
    margin: 1.2% 1.5%;
    display: unset;
    margin-bottom: 0;
}
section.artist.disc div a:last-child,
section.artist.disc div div.disco:last-child {
    margin-right: 0;
}

section#service {
    margin-top: 220px;
    margin-bottom: 0;
}
article.service-inner,
section#recruit {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 3em;
    padding-bottom: 3em;
}
h2.c-hdg01,
h3.c-hdg01 {
    margin-top: 1px;
    font-size: 2.5em;
    padding: 1.3em 0;
}
h3.c-hdg01 {
    margin-left: 8%;
    padding: 0% 1%;
}
div.txtBlock {
    padding: 4% 8%;
    white-space: pre-line;
}
.tableBlock {
    margin: 0 auto 40px;
    width: 75%;
}
.tableBlock .priceTable--02 td {
    padding: 10px 25px;
    width: unset;
    border-top: 0;
}
div.biz-content {
    width: 1040px;
    margin-top: 40px;
}
div.con-block {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    /* justify-content: space-between; 制作実績が6個になったらこっちを適用 */
}
div.conbox,
figure.conbox {
    width: 32%;
}
div.conbox h4 {
    margin-bottom: auto;
    font-size: 17px;
    padding: 8px 10px;
    letter-spacing: 1.5px;
}
div.conbox>div p {
    font-size: 15px;
    line-height: 24px;
    letter-spacing: 0.4px;
}
div.conbox>div a.arrow.mv {
    padding: 16px;
    color: #000;
    font-size: 13px;
    font-weight: unset;
}
div.flowmain {
    text-align: center;
}
img.conbox {
    width: 49%;
    margin-bottom: unset;
}
figure.conbox.pro p {
    line-height: 26px;
    letter-spacing: 0.3px;
}
div.biz-content h2 {
    font-size: 28px;
    font-weight: unset;
}
div.biz-content.flow p.blocklast {
    text-align: right;
}
div.biz-content.flow p.blocklast a {
    white-space: nowrap;
}
#goods {
    margin: 40px 0;
}
div.goodstop img {
    margin: 0 auto;
    margin-top: 30px;
}
p.g-txt {
    white-space: pre-line;
    text-align: start;
    width: 860px;
    margin: 0 auto;
    line-height: 24px;
}
div.g h2 {
    font-size: 26px;
    font-weight: unset;
}
div.points {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
div.pointtxt {
    height: 254px;
}
div.pointdt {
    border: 1px solid #ddd;
    border-radius: 10px 10px 0 0;
    width: 320px;
    margin-right: 40px;
    height: fit-content;
}
  div.pointdt:last-child {
    margin-right: 0;
}
section.goods li {
    margin: 0 0.4% 2%;
}

/*company*/
div.sv.inner {
    display: flex;
}
.company__name {
    margin: 20px 0 30px;
    text-align: start;
}
.company__detail {
    margin: 50px auto;
}


 /*swiper*/
div.slidcover {
    width: 60%;
    margin: 0 auto;
}

/*form*/
div.g.form {
    width: 860px;
}
div.g form div.formbox {
    width: 70%;
}
button.btn-primary {
    margin-top: 2%;
    padding: 16px 140px;
}
p.gtxtd {
    position: relative;
    padding: 0 40px;
    text-align: center;
    margin-bottom: unset;
}

/*contact*/
.form__submit {
    width: 50%;
    cursor: pointer;
}
.form__submit:hover {
    opacity: 0.8;
}
form.formrun {
    width: unset;
}

/*For Creators*/
div.txtbox.fc {
    padding: 1em 2em;
    width: 80%;
}
div.txtbox.fc p.txt {
    margin: 0.5em 1.5em;
    letter-spacing: 1.6px;
}
#for_creators form {
    padding: 0% 25% 6%;
}
div.ppblock p.pptxt {
    font-size: 18px;
    line-height: 22px;
}
div.txtbox p.txt {
    font-size: 20px;
}
div.txtbox.tnx {
    padding: 0;
}

/* recruit */
div.recruit_area {
    width: 800px;
    margin-bottom: 50px;
}
div.recruit_area div.rec-txt {
    line-height: unset;
    margin-top: 3em;
    text-align: center;
}
ul.job_ditail li {
    display: flex;
    padding-top: 35px;
}
div.recruit_area h3 {
    margin-left: unset;
}


div.map h4 {
    line-height: 0;
    margin-bottom: -0.7em;
    margin-left: 0.75em;
    margin-top: 1em;
    width: 87.34px;
}
span.map-txt {
    white-space: normal;
    margin-top: -0.6%;
}
div.btn_a {
    width: auto;
    margin: 0 20% 4%;
}
a.btnmap {
    padding: 4%;
}
div.twi {
    width: 70%;
}
section.store {
    padding-bottom: 14%;
}


nav.pan {
    margin: 1% 4%;
}

div.top_pic img {
    height: 380px;
    width: 100%;
}
div.no1 {
    margin: 3% 0;
}
div.post_read {
    padding: 0% 4%;
}
p.post_txt {
    padding: 0% 4%;
    white-space: break-spaces;
}
div.post_pic {
    margin-top: 3%;
}
div.post_pic img {
    height: 380px;
    width: 90%;
}
h2.det-title {
	font-size: 16px;
}
li.det-other a img {
    height: 150px;
    width: 30%;
}



section.det-main {
	margin-top: 0;
}
div.price {
	padding: 2% 4% 2%;
}
a.buy-btn {
	padding: 4%;
}
p.tac-btn {
    margin: -3% 0 0;
}

div.thumb {
	background: #fcfcfc;
}
div.thumb img {
    max-width: 100%;
    height: 410px;
	object-fit: contain;
    margin-right: auto;
    border: 1px solid #fcfcfc;
}
aside.note {
	margin: -1% 8% 2%;
}

h1.notice_title {
	margin: 5.5% 5% 4%;
    padding: 5% 0 0;
}

div.top_pic img,
div.post_pic img {
    border: 1px solid #fcfcfc;
    background: #fcfcfc;
}

ul.site_menu {
    margin: 10px;
    display: inline-flex;
}
section.alert p,p.store-story {
    font-size: 14px;
}
div.contents-desc {
    width: 94.5%;
}
ul.news-block {
    height: auto;
}
ul.news-block li {
    width: 28%;
}
ul.news-block li a img {
    height: 200px;
}

h3.goods-title {
    font-size: 14px;
    height: 46px;
}
section.goods li {
    width: 23.5%;
}
p.price {
    font-size: 14px;
}
section.goods li img {
    height: 180px;
}
div.map h4 {
    margin-bottom: -0.9em;
    margin-left: 0.9em;
}

section.det-sec.n-news.listmore_all,
section.det-sec.goods.listmore_all {
    margin-top: 0;
}

ul.pan-inner.listpan {
    margin-bottom: 4px;
}

div.listmore_title {
    background-size: 45% auto;
    padding: 6% 6%;
    font-size: 20px;
}
h2.listmoreh2 {
    background: none;
    padding-left: 0.5%;
}
p.listmore_txt {
    font-size: 13px;
    padding: 0.5em;
}
a.more {
    margin-bottom: 30px;
    padding: 0.1em 1.3em;
    transition: all .3s;
}
a.more:hover {
    /*color: #fff;
    background: #00ADB5;*/
    text-decoration: none;
}
a.more.pcatft {
    margin-bottom: 80px;
}
div.twshare {
    margin-top: -10px;
    margin-bottom: 20px;
    margin-left: 30px;
}
div.twshare.gs {
    margin-left: 10px;
    margin-bottom: 0px;
    margin-top: 10px;
}

section.det-main span.krword {
    width: unset;
}


/*PC-swiper*/
.pctop {
    margin: 29px 0 0;
}


/* header-menu */
nav.navbtn {
    display: flex;
    width: 100%;
    height: 20px;
    justify-content: flex-end;
    align-items: center;
    margin: auto 0;
  }
ul.navlist {
    display: flex;
    font-size: 0;
    margin-bottom: 0;
    align-items: center;
}
li.listitm {
    display: inline-block;
    position: relative;
}
ul.sub-menu {
    position: absolute;
    width: 100%;
    margin-top: 2px;
}
ul#menu,
ul#menu2 {
    background: none;
}
li.sub-menu-item a {
    width: 200px;
    padding: 1em;
    background: #fffffff5;
    border-right: 1px solid #00adb5;
    border-left: 1px solid #00adb5;
    border-top: 1px solid #00adb5;
    font-size: 15px;
}
li.sub-menu-item:last-child a {
    border-bottom: 1px solid #00adb5;
}
  nav.navbtn a:before,
  nav.navbtn a:after,
  nav.navbtn a div {
    content: '';
    height: 5px;
    background-color: #fff;
    /*position: absolute;*/
    right: 0;
    width: 0;
    margin-bottom: 4px;
  }
  nav.navbtn a:before {
    top: 0;
  }
  nav.navbtn a > div:first-of-type {
    top: 12px;
  }
  nav.navbtn a:hover > div:first-of-type {
    margin-top: 5px;
  }
  nav.navbtn a > div:last-of-type {
    top: 24px;
  }
  nav.navbtn a:after {
    top: 26px;
  }
  nav.navbtn a:hover {
    text-decoration: none;
    color: #fff;
    background: #00adb5e0;
    transition: all 0.3s;
  }

  /* toplogo */
section.first h1 {
    transition: all 2s cubic-bezier(.21,1,.84,1.01);
    width: auto;
}
section.first h1:hover{
    transform: scale(1.05);
    /*&:before{@include transform( scale(1.2)  translate(-25px, -15px) );}
    &:after{@include transform( scale(1.2)  translate(25px, 15px) );}*/
}

section.top.floor {
    margin: 6% 0 12%;
    background: url(/img/top-ssimg.png) no-repeat;
    background-size: 34%;
    background-position-x: -5%;
    background-position-y: 15%;
    height: 70vh;
}
section.top.floor>div,
section.top.equip>div {
    display: flex;
    height: 70vh;
}
div.toptxt {
    z-index: 3;
    height: 220px;
    padding: 3%;
    position: relative;
    width: 46em;
    margin: 10% auto 0 10%;
}
div.content-wrapper {
    position: absolute;
}
div.content-wrapper.l {
    left: 0;
}
div.content-wrapper.r {
    right: 0;
}
img.topimg {
    width: auto;
    height: auto;
}
div.toptxt p {
    font-size: 14px;
    line-height: 24px;
    white-space: unset;
}

a.btn-more,
a.btn-more:before,
a.btn-more:after,
button.btn-more,
button.btn-more:before,
button.btn-more::after {
    box-sizing: border-box;
    transition: 0.5s ease-in-out;
}
[class^=btn-] {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 52px;
    width: 14em;
    text-transform: uppercase;
    border: 1px solid currentColor;
    justify-content: left;
    align-items: center;
    padding: 0 2% 0 4%;
    font-size: 15px;
    transition-duration: 0.5s;
    transition-property:width;
}
a.btn-more,
button.btn-more {
    width: 30%;
}
a.btn-more:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #deb88736;
    transform: translateX(-100%);
}
a.btn-more:hover {
    color: #000;
    text-decoration: none;
    padding-right: 0%;
}
a.btn-more:hover:before {
    transform: translateX(0);
}
button.btn-more {
    margin: 0 auto;
    margin-bottom: 5em;
    cursor: pointer;
    font-size: 15px;
    justify-content: center;
}
button.btn-more:focus {
    outline: unset;
}
div.uk-modal-dialog {
    width: 42em;
}
section.top.equip {
    margin: 3% 0 0;
    background: url(/img/top-ssimg.png) no-repeat;
    background-size: 34%;
    background-position-x: 105%;
    background-position-y: 80%;
    transform: scale(1,-1);
    background-color: #221915;
    padding: 6% 0 3%;
    height: 70vh;
}
section.top.equip>div {
    transform: scale(1,-1);
}
section.top.equip>div img.topimg {
    position: unset;
}
section.top.equip .toptxt {
    right: 0px;
    margin: 10% 10% 0 auto;
    position: relative;
        height: 220px;
    background: #ffffffd6;
}
section.top.equip .toptxt h2 {
    color: #221915;
    border-bottom: 1px solid #22191540;
}
section.top.equip .toptxt p {
    color: #221915;
    white-space: pre-line;
}
section.top.equip .toptxt a.btn-more {
    margin: 0 0 0 auto;
}
section.top.show {
    margin-top: 6%;
}
section.top.show .toptxt {
    padding: 4em 14% 5em;
    margin: auto;
}
section.top.bn {
    height: 8.5em;
}
section.top.bn>div {
    display: flex;
    justify-content: center;
}
section.top.bn>div a {
    margin-right: 2em;
}
section.top.bn>div a:last-child {
    margin-right: 0;
}
section.top.bn>div a img {
    width: 23.4em;
    box-shadow: 5px 5px 0 #deb887;
    border: 1px solid #333;
}
section.top.bn>div a img:hover {
    box-shadow: none;
    transition: 0.1s ease-out;
    padding: 5px 0 0 5px;
    border: none;
}
footer {
  padding: 0;
}
div.company,
div.foot-corp {
    display: flex;
    margin: 0;
    padding: 0 12% 1.5%;
    justify-content: space-between;
}
div.foot-corp {
    padding: 0;
    height: 2em;
}
div.foot-logo {
    border-right: 1px solid #bdbdbd;
    width: auto;
    margin-left: 0;
    padding-right: 4%;
    padding-bottom: 10px;
}
div.foot-logo a img,
div.foot-cont {
    margin: 0 auto;
    image-rendering: -webkit-optimize-contrast;
}
div.foot-cont {
    margin-bottom: 0;
}
div.foot-menu {
    display: flex;
    width: 70%;
    z-index: 0;
}
ul.foot-ml,
div.foot-mr {
    margin: 0 2% 0 auto;
    width: 160px;
    text-align: start;
    display: block;
}
div.foot-menu ul li {
    margin-bottom: 0;
    padding: 3px;
}
div.foot-menu ul li p a:hover,
div.foot-menu ul li a:hover,
div.foot-menu>div p a:hover,
nav.artist-nav ul li a:hover {
  color: #00ADB5;
}
div.foot-mr p {
    margin: 0 0 1em;
    border-right: none;
    padding: 0;
    font-size: 1em;
}
div.copy {
    font-size: 14px;
    margin: 0 auto;
}
a.linetxt {
    text-decoration: none;
}
nav.artist-nav,
nav.svc-nav {
    width: 80%;
}
nav.svc-nav {
    margin-top: -3%;
}
ul.c-menu {
    height: 70px;
}
ul.c-menu.sps {
    height: 40px;
}
li.menu__link {
    padding: 0.3em;
}
a.linetxt span,
a.svc span {
    position: relative;
    z-index: 1;
}
a.linetxt span:after,
a.svc span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background: #00ADB5;
    z-index: -1;
    transition: all 0.4s;
}
a.linetxt:hover span:after,
a.svc:hover span:after {
    width: 100%;
}
a.svc:hover {
    color: #00ADB5;
    text-decoration: unset;
}
p.now {
    margin-bottom: 0;
}
p.now span {
    color: #00adb5;
    font-weight: 700;
    letter-spacing: 0.2px;
    padding: 0.1em 0.3em;
    line-height: 22px;
    border-bottom: 2px solid #00ADB5;
    margin-bottom: auto;
}
p.artist-txt,
div.sns {
    width: calc(100% - 100px * 2);
    max-width: 1280px;
    padding: 2.6%;
}
p.artist-txt {
    margin-top: unset;
    font-size: unset;
}
section.artist.news,
section.artist.movie,
section.artist.disc {
    width: calc(100% - 60px * 2);
    max-width: 1360px;
    margin-top: 4em;
    margin-bottom: unset;
}
div.newsall {
    margin-bottom: 10%;
}

h1.p-top {
    margin-bottom: 2%;
    background: #111;
    margin-top: 0;
}
h1.p-top img {
    display: block;
    width: 80%;
    margin: 0 auto;
}
div.map {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39em;
    margin: 3% 0;
}
div.detailtxt {
    width: 80%;
    padding: 2em;
    position: absolute;
    z-index: 1;
    right: 12%;
    width: 33%;
    margin: 0 auto;
}
div.detailtxt.mapl {
    right: 3%;
}
div.detailtxt a.btn-more {
    width: 16em;
    margin: auto 0;
    padding: 1.2em;
    font-size: 15px;
}
div.detailtxt p {
    font-size: 15px;
    margin: 20px 0 40px;
    white-space: unset;
}
div.map .l {
    margin: 0 0 0 10%;
}
div.map .l img {
    width: 80%;
    margin: 0 0 0 4%;
}

section.list {
    margin: 3em 10% 6em;
    padding: 0 5%;
}
section.list .equipbox .equiptxt {
    display: flex;
    margin-bottom: 1.5em;
}
section.list .equipbox .equiptxt img {
    width: 18em;
    margin-right: 1.5em;
}
section.list .equipbox .equiptxt p {
    font-size: 16px;
}

dt.toggle_e {
    /*box-shadow: 5px 5px 0 #deb887;*/
    padding: 2.5%;
    cursor: pointer;
}

dt.toggle_e span.toggle_btn::before,
dt.toggle_e span.toggle_btn::after,
h3.toggle_title span.toggle_btn:before,
h3.toggle_title span.toggle_btn:after {
	display: block;
	content: '';
	background-color: #111;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
dt.toggle_e.active span::before,
h3.toggle_title span.toggle_btn:before {
	width: 2px;
	height: 10px;
}
dt.toggle_e .toggle_btn:before,
h3.toggle_title.selected .toggle_btn:before {
	content: normal;
}
dt.toggle_e,
h3.toggle_title.selected {
    box-shadow: none;
}

.equiplist dd {
    display: block;
    padding: 0em 1.5em 2em;
    overflow-x: auto;
    white-space: nowrap;
}

section.list button.btn-more {
    width: 18em;
    padding: 0 4em;
    font-size: 16px;
}
div.equip-con {
  white-space: unset;
}
div.equip-con.price {
    white-space: unset;
    margin-top: 70px;
}
div.equip-con.price p {
    margin-bottom: 50px;
}
div.equip-con a.btn-more {
    margin: 0 auto;
    width: 20em;
    font-size: 15px;
    padding: 1em 0;
}
div.ques {
    margin-bottom: 3em;
}
div.qa {
    background: #fff;
    padding: 1.5em;
    margin: 0 0 2px;
    cursor: pointer;
}
h3 span.toggle_btn {
    right: 17%;
}
div.qa p {
    padding: 0 1em;
    font-size: 16px;
}

section.main-detail {
    padding: 3em;
}
.uk-lightbox {
    background: #000000e0;
}
.uk-lightbox-items>*>:not(iframe) {
    width: 60%;
}
div.b1,
div.b2,
div.b3 {
    padding: unset;
    border: none;
}
section.main-detail div.detailtxt {
    margin-top: 1em;
}
section.main-detail .content-wrapper.l.wow.slideInLeft {
    width: 40%;
    left: 12%;
    padding: 2em 1em;
    background: #fff;
}
div.b1,
div.b3 {
    height: 460px;
}
div.b2 {
    height: 600px;
}

section.main-detail thead tr {
    height: 3vh;
}
section.main-detail tbody tr {
    height: 6vh;
    color: #111;
}
section.main-detail tbody tr td {
    vertical-align: middle;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
}
section.main-detail tbody tr td span {
    font-size: 12px;
}
section.main-detail table.uk-table.uk-table-divider thead tr th {
  text-align: center;
}
td.ryokin {
    white-space: unset;
}
section.main-detail tbody tr td.time {
    white-space: pre-line;
    line-height: 1.5em;
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}
td.time span {
  margin-left: 1em;
}
section.main-detail tbody tr td span.zeiin {
  margin-left: 0.8em;
}
div.pricetxt p {
  padding: 20px 3%;
}
div.pricetxt p.cantxt {
  white-space: unset;
}

div.price-con {
    text-align: left;
    margin: 0 auto;
    margin-top: 3em;
    margin-bottom: 8em;
}
div.price-con p {
    white-space: pre-line;
    font-size: 15px;
    line-height: 1.5em;
    padding: 0 8em;
}
div.price-con a.btn-more {
    margin: 0 auto;
    width: 20em;
}
div.price-con>div {
    margin: 3em;
    display: flex;
}

div.cstxt {
    margin: 50px 0 140px;
    text-align: center;
}
div.cstxt p {
    font-size: 38px;
    width: 350px;
}

div.txtbox.con {
    margin-bottom: 0;
    margin-top: 0;
}

div.txtbox {
    margin-bottom: 60px;
    line-height: 24px;
    white-space: pre-line;
}
div.txtbox p.txt {
    color: #333;
    text-align: center;
    line-height: 26px;
    white-space: pre-line;
}
section#room h3 {
    margin-top: 0px;
}
p.txt.room {
    background: none;
    border-right: none;
    margin: unset;
}
section.main-detail form {
    padding: 0 6%;
}
div.formbox {
    margin-bottom: 15px;
}
input.att_box {
    margin: 0 auto;
    padding: 12px 0;
    width: -webkit-fill-available;
}
label.form-label {
    margin: 10px 0 5px;
    font-size: 16px;
}

span.note {
    font-size: 12px;
}
textarea.inp_box {
    height: 100px;
}
div.form_checkbox {
    padding: 20px 0;
    font-size: 16px;
}
a.privacymodal {
    letter-spacing: 1px;
}
h4.pptitle {
    font-size: 20px;
}
div.pribacytxt {
    margin: 3%;
}
p.intro {
    font-size: 15px;
    line-height: 25px;
}
div.ppblock h5 {
    margin: 0;
    line-height: unset;
    font-weight: 700;
}
div.ppblock p.pptxt {
    font-size: 15px;
}
form button.btn-more {
    width: 300px;
    padding: 15px;
    font-size: 16px;
    margin: 0 auto;
    margin-bottom: 2rem;
}

h2.thanksh2 {
    width: 32%;
    margin: 0 auto;
    margin-bottom: 50px;
}
div.txtbox p.txt {
    font-size: 18px;
    line-height: 28px;
}
div.txtbox p.txt span.txtmin  {
    text-align: left;
    display: block;
    font-size: 15px;
    background: #fff;
    border-radius: 4px;
    padding: 3%;
    margin: 0 auto;
    margin-top: 20px;
    width: 75%;
}
div.topre {
    text-align: center;
}
div.movie-detail {
    display: flex;
    margin-bottom: 140px;
}
div.movie-detail .mvline {
    margin-right: 40px;
    margin-top: 0;
    width: 50%;
}
div.movie-detail .mvline:last-child {
    margin-right: 0;
}
div.movie-detail .mvline h2 {
   white-space: unset;
}
h4.movttl {
    font-size: unset;
}

div.Toggle {
    display: none;
}
.navbtn{
    background-color: transparent;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.navbtn a:hover{
    background-color:transparent;
}
section#first_contact {
    display: block;
}
div.uk-child-width-1-3\@m>div {
    width: calc(100% * 1 / 3.001);
}


div.video-area {
    height: 44em;
}

main.service,
div.company {
    padding: 6em 0 0;
    display: block;
    text-align: center;
}
div.company {
    padding: 2rem 0 0.5rem;
}
div.h-title {
    margin: 0 6rem;
}
div.scs {
    padding-left: 1rem;
    position: unset;
    margin-top: -8rem;
}
div.scs img {
    width: 1440px;
}
div.imgs {
    height: auto;
}
div.s-detail {
    margin: -1.5rem 0 1.5rem;
}
div.s-detail h3 {
    width: 40%;
    margin: 0 auto;
}
div.s-detail h4 {
    white-space: normal;
    margin: 1.5rem;
}
div.s-detail p {
    margin: 1rem 20%;
}
div.s-bn {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4rem 0;
    background-size: 17rem;
    margin-top: -3rem;
}
div.s-bn a {
    width: 380px;
}
div.s-bn a img {
    width: auto;
}
div.s-bn img {
    width: 380px;
}

div.com-in {
    display: flex;
    justify-content: center;
    margin: 1.5em 0;
}
div.com-in.sv {
    height: auto;
    margin: 0;
}
div.h-title.sec:first-child {
    margin: 0 1rem 3rem 3rem;
}
div.h-title.sec:nth-child(2) {
    margin: 0 3rem 3rem 1rem;
}
div.com-in.sv>div:first-child,
div.com-in.sv>div:nth-child(2) {
    height: unset;
    width: 50%;
}
div.com-in.sv>div p {
    max-width: 70%;
    margin: 0 auto;
}
div.com-info {
    display: block;
}
div.com-info a:first-child {
    margin-right: 3rem;
}

div.sv>div:last-child {
    margin-top: 0;
}
div.aboutus {
    margin: 0 0 0 4%;
    padding: 0;
    width: 46%;
    grid: auto / 12% 80%;
}
div.aboutus p {
    white-space: pre-line;
    line-height: 24px;
    font-size: 15px;
    color: #5f5e5e;
}
div.foot-logo {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    width: 50%;
}
/*div.uk-position-relative.uk-visible-toggle.uk-light {
  height: 20em;
}*/
div.svblock {
    padding: 1em 4em;
}
div.aboutus.sv {
    margin: 0 2em 1em;
}
li.uk-height-medium {
    height: auto;
}
img.uk-cover {
    /*max-height:fit-content;*/
    top: 50%;
}
div.grn::after {
    width: 40em;
}
div.wht::after {
    width: 41em;
}
div.com-in.sv>div a h3 {
    font-size: 3em;
}
div>video {
    height: auto;
}
div.comp {
    width: 50%;
}
img.prs {
    width: 12em;
    margin: 0 0 0 8rem;
    pointer-events: none;
}
div.foot-logo a img {
    width: calc(966px/3);
    margin: 0 8rem 0 0;
}
p.svtxt {
    text-align: center;
}

div.top h1 {
    margin-bottom: 0;
}
div.top h1 img {
    max-width: 70%;
}
main.service h2 {
    font-size: 6rem;
    margin-left: 0.3rem;
}

a:hover {
    outline-width: 0;
}
div.s-detail>div a.svlink:hover,
div.com-in.sv>div a.svlink:hover,
form button.btn-more:hover {
    background: #EA5413;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: ease .4s;
}
div.s-detail>div a.svlink:hover span,
div.com-in.sv>div a.svlink:hover span,
form button.btn-more:hover {
    position: relative;
    z-index: 3;
    color:#fff;
}
section.main-detail form {
    padding: 0 25%;
}


@media only screen and (max-width: 1440px) {
    video {
        height: calc(100vh - 30%);
        max-width: fit-content;
    }
}


@media only screen and (max-width: 799px) {
    div.video-area {
        height: auto;
    }
    div>video {
        width: 100%;
    }
    div.h-title {
        margin: 0 1rem;
    }
    main.service h2 {
        font-size: 4rem;
    }
    div.scs {
        margin-top: -2rem;
        margin-right: -3rem;
    }
    div.s-detail h3 {
        width: 80%;
    }
    div.com-in.sv>div a h3 {
        font-size: 2em;
    }
    div.com-in.sv {
        height: auto;
        display: block;
    }
    div.com-in.sv>div:first-child,
    div.com-in.sv>div:nth-child(2) {
        width: auto;
    }
    div.s-detail>div, div.com-in.sv>div>div {
        padding-bottom: 3rem;
    }
    h3 {
        font-size: 30px;
    }
    div.s-detail p {
        margin: 1rem;
    }
    div.s-bn {
        padding: 3rem 0;
        display: grid;
    }
    div.s-bn a,
    div.s-bn img.qr {
        margin: 0 auto;
        margin-bottom: 2rem;
    }
    div.s-bn img.qr {
        margin-bottom: 0;
    }
    div.h-title.sec:first-child {
        margin: 0 3rem 1.5rem;
    }
    div.h-title.sec:nth-child(2) {
        margin: 1.5rem 3rem 3rem;
    }
    div.company div.com-in {
        display: block;
        margin: 0 8em;
        margin-left: 0;
        width: 100%;
    }
    div.foot-logo {
        display: block;
        margin: auto;
        border: none;
        width: calc(966px/4);
    }
    div.aboutus > div {
        display: block;
    }
    div>div.aboutus>div:last-child {
        margin: 0;
    }
    div>div:last-child.copy {
        margin: 0 auto;
    }
    div>div:last-child.uk-modal-dialog.uk-modal-body.uk-margin-auto-vertical,
    div>div:last-child.svblock {
        margin: 0;
    }
    div.aboutus {
        margin: 0 auto;
        padding: 0 0 6%;
        width: 80%;
        grid: auto / 12% 90%;
    }
    div.aboutus.sv {
        margin: 0;
        padding: 0;
    }
    div.uk-position-relative.uk-visible-toggle.uk-light {
        height: auto;
    }
    img.uk-cover {
        max-width: 100%;
        top: 50%;
    }
    div>div:last-child.comp {
        width: 26em;
        margin: 0 auto;
        margin-top: 1em;
    }
    div.svblock {
        padding: 0;
    }
    p.svtxt {
        text-align: left;
    }
    section.main-detail form {
        padding: 0 6%;
    }
}