@charset "UTF-8";
/* reset css */
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP|Roboto:400,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, a, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  text-decoration: none;
  background: transparent;
}

html, body {
  width: 100%;
}

html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 320px;
  word-break: break-all;
  font-variant-numeric: tabular-nums;
  -webkit-font-feature-settings: "tnum";
  font-feature-settings: "tnum";
}

*, *::before, *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

header, footer, section, main, article, aside, menu, nav, details, figcaption, figure {
  display: block;
}

input, select {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
  border-style: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
  border-style: none;
  outline: none;
}

ul, ol {
  list-style: none;
}

hr {
  display: none;
}

/* clearfix (modern) */
.cl::after {
  content: "";
  clear: both;
  display: block;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
}

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

blockquote, q {
  quotes: "" "";
}

button {
  outline: 0;
  margin: 0;
  padding: 0;
}

/*クリック禁止*/
.cannot {
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  cursor: default;
}

/*****************************************/
/*PC,SPでの出し分け*/
@media all and (min-width: 1025px) {
  .pcHide {
    display: none !important;
  }
}

@media all and (min-width: 769px) and (max-width: 1024px) {
  .tabHide {
    display: none !important;
  }
}

/*****************************************/
/*テキスト折返しの制御*/
.text_breack_inline {
  display: inline;
}
.text_breack_one_word {
  display: inline-block;
}
.text_breack_block {
  display: block;
}

/*****************************************/
html {
  font-size: 10px;
}

body {
  position: relative;
  font-family: 'Noto Sans JP','Hiragino Sans','Yu Gothic','Meiryo', sans-serif;
  font-size: 1.6rem;
  line-height: 1.5;
  -webkit-print-color-adjust: exact;
  background: #000;
}

/*****************************************/
#contact {
  background: #000000;
  padding-bottom: 140px;
  overflow: hidden;
}

#contact .h1Block {
  text-align: center;
  padding: 132px 0 40px;
}

#contact .h1Block h1 {
  color: #fff;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-size: 6.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.032em;
  padding-bottom: 40px;
}

#contact .h1Block p {
  color: #A0AAB4;
  line-height: 1.8;
  letter-spacing: 0.02em;
}

#contact .h1Block p:first-of-type {
  padding-bottom: 24px;
}

#contact .h1Block.complete h1 {
  padding-bottom: 14px;
}

#contact .h1Block.complete h1 + p {
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 36px;
}

#contact .h1Block.complete p:nth-of-type(2) {
  padding-bottom: 24px;
}

#contact .h1Block.complete div {
  max-width: 576px;
  width: 100%;
  margin: 120px auto 50px;
}

#contact .h1Block.complete div a {
  display: block;
  background-color: #FFFFFF;
  color: #0D0D0D;
  padding: 20px 0;
}

#contact .form_wrap {
  max-width: 960px;
  width: 100%;
  background: #222222;
  margin: 0 auto;
  padding: 62px 160px 80px;
}

#contact .form_wrap form .form_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  padding-bottom: 46px;
}

#contact .form_wrap form .form_inner.itm2 {
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

#contact .form_wrap form .form_inner.itm2 div {
  width: calc((100% - 24px) / 2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  margin-right: 24px;
}

#contact .form_wrap form .form_inner.itm2 div:last-child {
  margin-right: 0;
}

#contact .form_wrap form .form_inner label {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.42;
  padding-bottom: 14px;
}

#contact .form_wrap form .form_inner label span {
  color: #4F5459;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  padding-left: 16px;
  line-height: 1.8;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

#contact .form_wrap form .form_inner textarea {
  padding: 24px 26px;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.2rem;
}

#contact .form_wrap form .form_inner input {
  padding: 24px 16px;
  width: 100%;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.2rem;
}

#contact .form_wrap form .agreement {
  text-align: center;
  color: #fff;
}

#contact .form_wrap form .agreement p {
  line-height: 1.8;
  padding-bottom: 18px;
}


#contact .form_wrap form .agreement p a {
  color: #fff;
  text-decoration: underline;
}

#contact .form_wrap form .agreement p a:hover {
  text-decoration: none;
}

.wpcf7 input[type="checkbox"] {
  display: none;
}

.wpcf7-list-item-label {
  min-height: 20px;
  line-height: 24px;
  vertical-align: middle;
  padding: 0 0 0 32px;
  display: inline-block;
  position: relative;
  margin: 6px 1em 0 0;
  display: inline-block;
}

.wpcf7-list-item-label:before {
  width: 20px;
  height: 20px;
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background: #fafafa;
  border: 1px solid #707070;
  display: inline-block;
}

.wpcf7-list-item-label:after {
  width: 10px;
  height: 6px;
  left: 6px;
  top: 6px;
  border: 2px solid #fff;
  content: '';
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-top: none;
  border-right: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
}

.wpcf7 input[type="checkbox"]:checked+.wpcf7-list-item-label:before {
  background: #707070;
}

.wpcf7 input[type="checkbox"]:checked+.wpcf7-list-item-label:after {
  opacity: 1;
}

#contact .form_wrap form .btn_submit {
  position: relative;
  text-align: center;
}

#contact .form_wrap form .btn_submit button,
.wpcf7-submit,
.wpcf7-confirm,
.wpcf7-back{
  -webkit-appearance: none;
  border-radius: 0;
  max-width: 414px;
  width: 100%;
  padding: 28px 0;
  font-size: 1.6rem;
  font-weight: bold;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

#contact .form_wrap form .btn_submit button:hover,
.wpcf7-submit:hover,
.wpcf7-confirm:hover,
.wpcf7-back:hover{
  opacity: .9;
}

.wpcf7-confirm {
  background-color: #fff;
}

.wpcf7-submit {
  width: calc((100% - 24px) / 2);
  border-radius: 4px;
  background-color: #fff;
  color: #202020;
}

.wpcf7-back {
  margin-right: 20px;
  width: calc((100% - 24px) / 2);
  border-radius: 4px;
  background-color: #666666;
  color: #fff;
}

input.wpcf7c-conf,
textarea.wpcf7c-conf {
  background-color: #EAF0FE !important;
  border-color: #1D1D1D;
  box-shadow: none !important;
  color: #1D1D1D;
}

#contact .form_wrap.form_confirm .btn_confirm {
  padding-top: 0;
}

#contact .form_wrap.form_confirm .btn_confirm button {
  width: calc((100% - 24px) / 2);
  border-radius: 0;
}

#contact .form_wrap.form_confirm .btn_confirm button[type="button"] {
  margin-right: 20px;
  background-color: #666666;
  color: #fff;
}

.wpcf7-text:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}

.wpcf7-text.wpcf7c-conf:-webkit-autofill {
  box-shadow: 0 0 0 1000px #1d1d1d inset;
  color: #fff !important;
}

#contact .form_wrap form.custom-wpcf7c-confirmed .agreement {
 display: none;
}

div.wpcf7 .ajax-loader {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 0);
  background-image: url('images/loading_form.gif');
}

.wpcf7-response-output {
  color: #fff;
}

/* =================================================

FOOTER

================================================= */
footer {
  position: relative;
  z-index: 99999;
}

footer .foot_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 128px 0;
  min-height: 60vh;
  text-align: center;
  background-color: #1F1F1F;
  color: #F2F2F2;
}

footer .foot_navi h1 {
  padding: 21px 0 32px;
  font-size: 1.6rem;
}

footer .foot_navi h1 span {
  font-size: 1.3rem;
  font-weight: normal;
}

footer .foot_navi p {
  font-size: 1.4rem;
  line-height: 2.28;
  padding-bottom: 16px;
}

footer .foot_navi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

footer .foot_navi ul:last-child li {
  padding-right: 0;
}

footer .foot_navi ul li {
  padding-right: 16px;
}

footer .foot_navi ul li:nth-child(4) {
  padding-right: 0;
}

footer .foot_navi ul li a {
  color: #F2F2F2;
  font-weight: bold;
  line-height: 2;
}

footer .foot_gooya {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 128px 0;
  min-height: 40vh;
  text-align: center;
  background-color: #000;
  color: #fff;
}

footer .foot_gooya p {
  font-size: 1.3rem;
  line-height: 2.46;
  padding-bottom: 16px;
}
footer .foot_gooya p.text{
  padding-bottom: 0;
  margin-top: 48px;
}
/* =================================================
Z-INDEX

.index_hero_d:9999;
sections:99980;
.humbergerPC:99989;
.header_logo:99991;

================================================= */


/* =================================================

HEADER

================================================= */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 320px;
  min-width: 320px;
  z-index: 99989;
}

.header_wrap {
  position: relative;
  display: block;
  width: 320px;
  height: 100vh;
}

.header_logo {
  display: block;
  padding: 32px 0 0 32px;
  z-index: 99991;
}

.header_logo .imgObj,
.header_logo .imgObj__nav{
  display: block;
  width: 128px;
  height: 80px;
  background: url('images/logo_4d.svg') no-repeat center top / contain;
}

.header_logo .imgObj__nav {
  display: none;
}

.header_logo .imgObj:hover {
  opacity: .8;
}

.header_inner {
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 32px 32px;
  height: calc(100% - 160px);
  min-height: 315px;
  color: #fff;
}

.header_nav_wrap {
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.header_nav {
  width: 100%;
}

.header_nav .item {
  margin-bottom: 40px;
}

.header_nav .item_link {
  position: relative;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  line-height: 1;
  color: #fff;
}

.header_nav .item_link:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 0;
  height: 1px;
  background:#fff;
  transition: 0.4s;
}

.header_nav .item_link:hover {
  opacity: .8;
}

.header_nav .item_link:hover:before {
  width: 100%;
  /*transform: scale(1);*/
}

/* js - changeColor */
.bg-is-white .header_inner,
.bg-is-white .header_nav .item_link {
  transition: .4s;
  color: #0d0d0d;
}

.bg-is-white .header_nav .item_link:before {
  background: #0d0d0d;
}

.logo-is-white .header_logo .imgObj {
  background-image: url('images/logo_4d_bk.svg');
  transition: .4s;
}


h1.header_corpname {
  position: relative;
  display: block;
  margin-top: auto;
  padding: 16px 0 0;
  font-size: 1.6rem;
  font-weight: bold;
}

h1.header_corpname .copyright {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  font-weight: normal;
}

.humberger {
  display: none;
}


/* =================================================
=================================================

COMMON

=================================================
================================================= */
main {
  position: relative;
  background: #FAFAFA;
  overflow: hidden;
}

.section_wrap {
  margin: 0 auto;
  max-width: 1920px;
  padding: 0 0 0 320px;
  /*border: 1px dashed red;*/
}

.section_inner {
  padding: 0 32px;
}

/* txt */
.text_animetion {
  position: relative;
  overflow: hidden;
}

.text_animetion .tage_anime {
  transition:all .5s .3s ease;
  opacity: 0;
}

.text_animetion::before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition:all .8s 0s ease;
  width: 100%;
  z-index: 1;
}

.text_animetion.active .tage_anime {
  opacity: 1;
}

.text_animetion.active::before {
  transform: translateX(101%);
}

/* txt_wh */
.text_animetion_wh {
  position: relative;
  overflow: hidden;
}

.text_animetion_wh .tage_anime {
  transition:all .5s .3s ease;
  opacity: 0;
}

.text_animetion_wh::before {
  background: #fff;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition:all .8s 0s ease;
  width: 100%;
  z-index: 1;
}

.text_animetion_wh.active .tage_anime {
  opacity: 1;
}

.text_animetion_wh.active::before {
  transform: translateX(101%);
}
/* h2
---------------------------------*/
h2.h2_feature {
  margin-left: 32px;
  padding-bottom: 64px;
}

h2.h2_feature .heading {
  display: inline-block;
  height: 48px;
  line-height: 0;
}

h2.h2_feature .caption {
  display: inline-block;
  margin-top: 8px;
  font-size: 2rem;
  line-height: 1.6;
}

h2.h2_feature .caption.company {
  color: #fff;
}

/* h3
---------------------------------*/
h3.h3_feature {
  font-size: 2rem;
  color: #0D0D0D;
}

.h3_feature_caption {
  margin-bottom: 4px;
  font-family: 'Roboto', sans-serif;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: 0.03rem;
  text-transform: uppercase;
  color: #A8A8A8;
}

/* =================================================

INDEX

================================================= */
section.index_hero {
  background: #000;
}

.index_hero_wrap {
  position: relative;
  margin: 0 auto;
  padding-left: 320px;
  width: 100%;
}

.index_hero_d {
  position: fixed;
  top: 0;
  left: 320px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: calc(100% - 320px);
  height: 100vh;
  z-index: 9999;
}

.index_hero_d.none {
  opacity: 0;
  z-index: -1;
}

.index_hero_d .item {
  position: relative;
  display: block;
  width: 100%;
  /*height: 25vh;*/
  padding-top: 25vh;
  background-repeat: no-repeat;
  background-position: center left;
  background-size: cover;
  transition: all .3s;
}

.index_hero_d .item.opacity10 {
  opacity: .1;
}

.index_hero_d .item.d1 {
  background-image: url('images/img_mv_diverse.svg');
  /*background-color: cyan;*/
}

.index_hero_d .item.d2 {
  background-image: url('images/img_mv_dream.svg');
  /*background-color: red;*/
}

.index_hero_d .item.d3 {
  background-image: url('images/img_mv_design.svg');
  /*background-color: yellow;*/
}

.index_hero_d .item.d4 {
  background-image: url('images/img_mv_delivery.svg');
  /*background-color: pink;*/
}

.index_hero_d .item .item_message-1.visible,
.index_hero_d .item .item_message-2.visible,
.index_hero_d .item .item_message-3.visible,
.index_hero_d .item .item_message-4.visible {
  position: absolute;
  display: block !important;
}

.index_hero_d .item .item_message-3,
.index_hero_d .item .item_message-4{
  top: -200px;
}

.index_hero_d .item .item_message-1,
.index_hero_d .item .item_message-2,
.index_hero_d .item .item_message-3,
.index_hero_d .item .item_message-4,
.index_hero_d .item.opacity10 .item_message-1,
.index_hero_d .item.opacity10 .item_message-2,
.index_hero_d .item.opacity10 .item_message-3,
.index_hero_d .item.opacity10 .item_message-4{
  display: none !important;
}

.index_hero_d .item .item_message__ttl {
  font-size: 8rem;
  font-weight: bold;
  line-height: 1.6;
  color: #fff;
  text-shadow: 0 0 12px rgba(0,0,0,.33);
}

.index_hero_d .item .item_message__txt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  text-shadow: 0 0 12px rgba(0,0,0,.33);
}

section.index_dddd {
  display: block;
}

.index_dddd_list {
  width: 100%;
}

.index_dddd_list .item {
  position: relative;
}

.index_dddd_list .item.d1 {
  background: url('images/bak_mv_diverse_pc@2x.jpg') no-repeat center 50% / cover;
}

.index_dddd_list .item.d2 {
  background: url('images/bak_mv_dream_pc@2x.jpg') no-repeat center 50% / cover;
}

.index_dddd_list .item.d3 {
  background: url('images/bak_mv_design_pc@2x.jpg') no-repeat center 50% / cover;
}

.index_dddd_list .item.d4 {
  background: url('images/bak_mv_delivery_pc@2x.jpg') no-repeat center 50% / cover;
}

.view4D-show {
  position: relative;
}

/* scrollEFF
---------------------------------*/
.scrolleff {
  height: 100vh;
}

/* index_service
---------------------------------*/
section.index_service {
  position: relative;
  padding: 125px 0 160px;
  background: #FAFAFA;
  z-index: 99980;
}

h2.index_service__heading {
  padding-bottom: 25px;
}

.index_service__sub_heading {
  position: relative;
}

.index_service__sub_heading:nth-of-type(1n+2) {
  margin-top: 83px;
}

.index_service__sub_heading__image {
  padding: 0 248px 0 0;
  transform: translate(calc(2rem - (1vw - 240px) - (1920px - 1910px)), 0);
}

.index_service__sub_heading__text {
  font-size: 2rem;
  left: 0;
  padding: 0 22px;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.index_service__sub_heading__text::before {
  background-color: #0D0D0D;
  content: '';
  display: inline-block;
  height: 1px;
  margin-right: 40px;
  vertical-align: middle;
  width: 80px;
}

.index_service_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*border:1px solid blue;*/
}

.index_service_list .item {
  margin-bottom: 80px;
  padding: 0 2.23%;
  width: calc(100% / 3);
}

.index_service_list .item:nth-last-child(-n+2) {
  margin-bottom: 0;
}

.imgBox_wrap {
  overflow: hidden;
  position: relative;
}

.index_service_list .item .imgBox {
  position: relative;
  display: block;
  padding-top: 62.5%;
  width: 100%;
  background:url('images/bk_dummy@2x.jpg') no-repeat center 50% / cover;
  transition:all .5s .3s ease;
  opacity: 0;
}

.index_service_list .item .imgBox.box1 {
  background-image: url('images/img_service_web@2x.jpg');
}
.index_service_list .item .imgBox.box2 {
  background-image: url('images/img_service_system@2x.jpg');
}
.index_service_list .item .imgBox.box3 {
  background-image: url('images/img_service_operate@2x.jpg');
}
.index_service_list .item .imgBox.box4 {
  background-image: url('images/img_service_verification@2x.jpg');
}
.index_service_list .item .imgBox.box5 {
  background-image: url('images/img_service_cs@2x.jpg');
}
.index_service_list .item .imgBox.box6 {
  background-image: url('images/img_service_sns@2x.jpg');
}

.imgBox_wrap.active .imgBox {
  opacity: 1;

}

.index_service_list .item .imgBox_wrap::before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition:all .8s 0s ease;
  width: 100%;
  z-index: 1;
}

.index_service_list .item .imgBox_wrap.active::before {
  transform: translateX(100%);
}

/* h3 */
.index_service_ttl {
  padding: 24px 0 26px;
}

.index_service_list .item .txt {
  font-size: 1.6rem;
  line-height: 2;
  color: #535353;
}

.index_service__button {
  margin-top: 45px;
}

.index_service__button__link {
  background-color: #0D0D0D;
  color: #fff;
  display: block;
  font-size: 1.6rem;
  max-width: 416px;
  padding: 20px;
  position: relative;
  text-align: center;
  width: 100%;
}

.index_service__button__link__icon {
  bottom: 0;
  position: absolute;
  left: 15px;
  margin: auto 0;
  top: 0;
}

/* index_about index_company COMMON
---------------------------------*/
.index_content_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.index_content_wrap .item {
  position: relative;
}

.index_content_wrap .item.left {
  width: 41.6666%;
}

.index_content_wrap .item.right {
  padding: 0;
  width: 58.3334%;
  background: #fff;
}

.index_content_wrap .item .item_inner {
  /*border: 1px solid red;*/
}

/* index_about
---------------------------------*/
section.index_about {
  position: relative;
  background-color: #FAFAFA;
  z-index: 99980;
}

.section_wrap_about {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.section_wrap_about .section_inner_left {
  padding: 128px 2vw 272px 320px;
  width: calc(100% / 12 * 9);
}

.section_wrap_about .section_inner_right {
  position: relative;
  width: calc(100% / 12 * 3);
  background: url('images/bak_about_pc@2x.jpg') no-repeat top center / cover;
}

.index_about_wrap {
  padding:0;
}

.index_about_content {
  position: relative;
  display: block;
  flex-wrap: wrap;
  padding:0 0 0 16px;
}

.index_about_content .item {
  display: block;
  flex: 1 1 50%;
  margin-bottom: 40px;
  padding: 16px;
  background-color: #FAFAFA;
}

.index_about_content .item:nth-of-type(1),
.index_about_content .item:nth-of-type(4),
.index_about_content .item:nth-of-type(5) {
  flex: 1 1 100%;
}

.index_about_content .item:last-child {
  margin-bottom: 0;
}

.index_about_h3 {
  padding-bottom: 24px;
}

.index_about_h3:nth-of-type(1n+2) {
  margin-top: 62px;
}

.index_about_txt {
  line-height: 2;
  color: #535353;
}

.index_about_img {
  display: flex;
  flex-direction: column;
  max-width: 500px;
  width: 100%;
  margin: 32px auto 0;
}

.index_about_img p {
  margin-right: 16px;
  margin-left: auto;
  padding-bottom: 64px;
  color: #535353;
}

.index_about_img .img_wrap {
  max-width: 29.667vw;
  width: 100%;
  position: relative;
  opacity: 0;
}

.index_about_img .img_wrap.active {
  opacity: 1;
}

.index_about_img .img_wrap::before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  transition:all .8s 0s ease;
  width: 100%;
  z-index: 1;
}

.index_about_img .img_wrap.active::before {
  transform: translateX(100%);
}

.index_about__unit__text {
  line-height: 2;
}

.index_about__unit__ul {
  line-height: 1.8;
  margin-top: 4px;
}

.index_about_unit__ul__list {
  display: flex;
}

.index_about_unit__ul__list::before {
  content: "・";
  flex: 0 0 auto;
}

/* index_company
---------------------------------*/
section.index_company {
  position: relative;
  background-color: #FAFAFA;
  z-index: 99999;
}

.section_wrap_company {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.section_wrap_company .section_inner_left {
  position: relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 128px 137px 0 0;
  width: calc(100% / 12 * 5);
  background: url('images/bak_company_pc@2x.jpg') no-repeat top center / cover;
}

.section_wrap_company .section_inner_right {
  padding:  128px 0 183px;
  width: calc(100% / 12 * 7);
}

.index_company_wrap {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.index_company_list {
  display: block;
  padding: 0 16px;
  max-width: 800px;
  background-color: rgba(250,250,250,.9);
}

.index_company_list .item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  font-size: 1.6rem;
  line-height: 2;
  color: #535353;
  border-bottom: 1px solid #C9C9C9;
}

.index_company_list .item:last-child {
  border-bottom: 0;
}

.index_company_list .item:last-child a {
  color: #535353;
  text-decoration: underline;
}

.index_company_list .item:last-child a:hover {
  text-decoration: none;
}

.index_company_list .item .category {
  display: block;
  padding: 16px 0 16px 16px;
  width: 128px;
}

.index_company_list .item .detail {
  display: block;
  padding: 16px 16px 16px 32px;
  width: 100%;
}

/* index_contact
---------------------------------*/
section.index_contact {
  position: relative;
  padding:  128px 0 183px;
  background: #F2F2F2;
  z-index: 99980;
}

.index_contact_wrap {
  padding: 128px 0;
  width: 100%;
  max-width: 1280px;
  /*border: 1px solid red;*/
}

.index_contact_list {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.index_contact_list .item {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0 32px;
  /*width: 50%;*/
  width: 75%;
}

.index_contact_txt {
  padding: 24px 0 32px;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.02rem;
  color: #535353;
}

.index_contact_btn {
  position: relative;
  display: block;
  margin-top: auto;
  padding: 20px;
  width: 100%;
  font-family: 'Roboto',sans-serif;
  font-weight: bold;
  text-align: center;
  border: 1px solid #0D0D0D;
  transition: all .3s;
  color: #0D0D0D;
}

.index_contact_btn.bk {
  font-family: 'Noto Sans JP',sans-serif;
  font-weight: normal;
  background: #0D0D0D;
  color: #fff;
}

.index_contact_btn::before {
  position: absolute;
  content: '';
  display: block;
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  background: url('images/icn_phone.svg') no-repeat center top / contain;
}

.index_contact_btn.bk::before {
  position: absolute;
  content: '';
  display: block;
  top: 16px;
  left: 16px;
  width: 32px;
  height: 32px;
  background: url('images/icn_mail.svg') no-repeat center top / contain;
}

.index_contact_btn:hover {
  background: #0D0D0D;
  color: #fff;
}

.index_contact_btn.bk:hover {
  background: transparent;
  color: #0D0D0D;
}

.index_contact_btn:hover::before {
  background-image: url('images/icn_phone_h.svg');
}

.index_contact_btn.bk:hover::before {
  background-image: url('images/icn_mail_h.svg');
}

/*=============== privacypolicy ====================*/
section.privacypolicy {
  padding-bottom: 120px;
  background-color: #0d0d0d;
}

section.privacypolicy .section_inner {
  margin: 0 auto;
  max-width: 1000px;
}

section.privacypolicy .h2Block {
  text-align: center;
  padding: 132px 0 40px;
}

section.privacypolicy .h2Block h2.pp {
  padding-bottom: 10px;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.032em;
  color: #fff;
}

section.privacypolicy .h2Block p {
  color: #A0AAB4;
  line-height: 1.8;
  letter-spacing: 0.2em;
}

section.privacypolicy .h3Block h3.pp {
  padding: 0 0 32px 0;
  color: #c6ccd2;
  font-size: 2.6rem;
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}

section.privacypolicy h4.pp {
  padding: 16px 0;
  color: #c6ccd2;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.2em;
}

section.privacypolicy .pp_txtblock {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  color: #A0AAB4;
}

section.privacypolicy .pp_list {
  display: block;
  margin: 32px 0;
  padding: 32px 16px;
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
  counter-reset: number 0;
}

section.privacypolicy .pp_list .item {
  padding: 0 0 32px 0;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.1rem;
  color: #c8cbd6;
}

section.privacypolicy .pp_list .item:last-child {
  padding-bottom: 0;
}

section.privacypolicy .pp_list .item .list_top {
  position: relative;
  padding-left: 20px;
}

section.privacypolicy .pp_list .item .list_top::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number 1;
  content: counter(number)".";
}

section.privacypolicy .pp_list .item .txt_list {
  counter-reset: number 0;
}

section.privacypolicy .pp_list .item .txt_list li {
  position: relative;
  padding-left: 48px;
}

section.privacypolicy .pp_list .item .txt_list li::before {
  margin-right: 4px;
  counter-increment: number 1;
  content: counter(number)".";
}

section.privacypolicy .pp_signature {
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  color: #A0AAB4;
}

section.privacypolicy .pp_reception {
  display: block;
  margin-top: 32px;
  padding: 16px;
  font-size: 1.5rem;
  line-height: 1.8;
  letter-spacing: 0.1rem;
  color: #A0AAB4;
  border: 1px solid #A0AAB4;
}

section.privacypolicy .pp_contents {
  display: block;
  margin: 32px 0;
  padding: 40px 32px 0;
  border-top: 1px solid #222;
}

/* list01 */
section.privacypolicy .pp_brackets {
  display: block;
  counter-reset: brackets 0;
}

section.privacypolicy .pp_brackets.pt {
  padding-top: 32px;
}

section.privacypolicy .pp_brackets .item {
  padding: 0 0 32px 0;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.1rem;
  color: #c8cbd6;
}

section.privacypolicy .pp_brackets .item p {
  position: relative;
  padding-left: 36px;
}

section.privacypolicy .pp_brackets .item p::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: brackets 1;
  content: "（"counter(brackets)"）";
}

/* list02 */
section.privacypolicy .pp_numbers {
  display: block;
  counter-reset: numbers 0;
}

section.privacypolicy .pp_numbers.pt {
  padding-top: 32px;
}

section.privacypolicy .pp_numbers .item {
  padding: 0 0 32px 0;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.1rem;
  color: #c8cbd6;
}

section.privacypolicy .pp_numbers .item.pb0 {
  padding-bottom: 0;
}

section.privacypolicy .pp_numbers .item .ttl {
  position: relative;
  padding-left: 24px;
}

section.privacypolicy .pp_numbers .item .ttl::before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: numbers 1;
  content: counter(numbers)".";
}

section.privacypolicy .pp_numbers .item .txt {
  padding-left: 24px;
  line-height: 1.8;
}

section.privacypolicy .adress {
  padding: 16px 40px 0;
}

section.privacypolicy .pp_finish {
  display: block;
  text-align: right;
  color: #A0AAB4;
}

/* ol01 */
ol.disc {
  padding-left: 16px;
}

ol.disc li {
  position: relative;
  padding-left: 20px;
}

ol.disc li::before {
  position: absolute;
  content: '・';
  display: block;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  line-height: 32px;
  text-align: center;
}

/* ol02 */
ol.kana {
  margin-left: 32px;
}

ol.kana .kana_item {
  position: relative;
  padding-left: 20px;
}

ol.kana .kana_item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 16px;
}

ol.kana .kana_item:first-child::before {
  content: 'ｱ）';
}

ol.kana .kana_item:nth-child(2)::before {
  content: 'ｲ）';
}

ol.kana .kana_item:nth-child(3)::before {
  content: 'ｳ）';
}

ol.kana .kana_item:nth-child(4)::before {
  content: 'ｴ）';
}


/* =================================================

MEDIA QUERY

================================================= */
/*=============== SMOOTH FONT ====================*/
@media all and (max-width: 1024px) and (min-width: 360px) {
  .index_hero_d .item .item_message__ttl {
    font-size: calc(4rem + ((1vw - 0.36rem) * 6.024));
  }
}

/*================== TABLET ======================*/
@media all and (max-width: 1024px) {
  .tabHide {
    display: block;
  }

  .bg-is-white .header_inner,
  .bg-is-white .header_nav .item_link {
    color: #FFF;
  }

  .logo-is-white .humberger {
    border: 1px solid #0D0D0D;
    background-image: url('images/icn_menu_open_bk.svg');
  }

  .logo-is-white.humberger.move-1.on {
    background-image: url('images/icn_menu_close_bk.svg');
  }

  /* HEADER
  ---------------------------------*/
  header {
    width: 100%;
  }

  .header_wrap {
    width: 100%;
    height: 113px;
  }

  .header_logo {
    position: absolute;
    padding: 0;
    top: 16px;
    right: 16px;
  }

  .logo-is-white .header_logo .imgObj {
    transition: none;
  }

  .header_logo .imgObj {
    width: 64px;
    height: 40px;
  }

  .header_logo.active .imgObj{
    display: none;
  }

  .header_logo.active .imgObj__nav{
    display: block;
    width: 64px;
    height: 40px;
    transition: .8s;
  }

  .header_inner {
    position: fixed;
    width: 45%;
    height: 100vh;
    background: #000;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    overflow-y: auto;
  }

  .open-1 {
    right: -100%;
  }

  .open-1.active {
    right: 0px;
  }

  /* humberger */
  .humberger {
    position: fixed;
    display: block;
    top: 16px;
    right: 90px;
    width: 40px;
    height: 40px;
    border: 1px solid #fff;
    border-radius: 1px;
    background: url('images/icn_menu_open.svg') no-repeat center 50%;
    background-size: 32px 32px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    z-index: 99990;
  }

  .humberger.move-1.on {
    background: url('images/icn_menu_close.svg') no-repeat center 50%;
    border: 1px solid #fff;
  }

  /* FOOTER
  ---------------------------------*/

  footer {
    z-index: 99980;
  }

  /* COMMON
  ---------------------------------*/
  main {
    background-color: #0D0D0D;
  }

  .section_wrap {
    padding: 0 32px;
  }

  .section_inner {
    padding: 0;
  }

  h2.h2_feature {
    margin-left: 16px;
  }

  h2.h2_feature .caption.company {
    color: #0D0D0D;
  }

  h2.h2_feature .heading img {
    height: 48px;
  }

  .index_hero_wrap {
    padding: 0;
  }

  .index_hero_d {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .index_hero_d .item {
    padding-top: 16%;
    background-size: contain;
  }

  /* SERVICE
  ---------------------------------*/
  .index_service_list {
    min-width: auto;
  }

  .index_service_list .item {
    padding: 0 16px;
  }

  /* index_about
  ---------------------------------*/
  section.index_about {
    padding: 0;
  }
  .section_wrap_about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .section_wrap_about .section_inner_left,
  .section_wrap_about .section_inner_right {
    width: 100%;
  }

  .section_wrap_about .section_inner_left {
    padding: 129px 48px 0;
  }

  .section_wrap_about .section_inner_right {
    padding-top: 35.156%;
    background: url('images/bak_about_tab@2x.jpg') no-repeat top center / cover;
  }

  .index_about_wrap {
    width: 100%;
  }

  .index_about_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    max-width: 100%;
  }

  .index_about_content .item,
  .index_about_content .item:not(:nth-of-type(2n)){
    margin-bottom: 0;
    padding: 16px 0 0 16px;
  }

  .index_about_content .item:first-child {
    padding-left: 0;
  }

  .index_about_img {
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
  }

  .index_about_img p {
    margin-right: 0;
    padding-bottom: 32px;
  }

  .index_about_img .img_wrap {
    max-width: 100%;
  }

  /* index_company
  ---------------------------------*/
  section.index_company {
    padding: 0;
  }

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

  .section_wrap_company .section_inner_left,
  .section_wrap_company .section_inner_right{
    width: 100%;
  }

  .section_wrap_company .section_inner_left {
    padding-top: 35.156%;
    background: url('images/bak_company_tab@2x.jpg') no-repeat top center / cover;
  }

  .section_wrap_company .section_inner_right {
    padding: 129px 48px;
  }

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

  /* index_contact
  ---------------------------------*/
  section.index_contact {
    padding: 0;
  }

  .index_contact_list .item {
    padding: 0 16px;
  }
}

/*==================== SP ========================*/
@media all and (max-width: 768px) {
  .spHide {
    display: none !important;
  }

  /* CONTACT
  ---------------------------------*/
  #contact {
    padding: 64px 16px 40px;
  }

  #contact .h1Block {
    padding: 0 0 40px;
  }

  #contact .h1Block h1 {
    font-size: 3.2rem;
    padding-bottom: 29px;
  }

  #contact .h1Block p:first-of-type {
    padding-bottom: 16px;
  }

  #contact .h1Block p {
    text-align: left;
    font-size: 1.4rem;
    line-height: 2.08;
    letter-spacing: 0.04em;
  }

  #contact .h1Block.complete h1 {
    padding-bottom: 32px;
  }

  #contact .h1Block.complete h1 + p {
    font-size: 1.4rem;
    text-align: center;
    padding-bottom: 32px;
  }

  #contact .h1Block.complete div {
    margin: 40px auto 20px;
  }

  #contact .form_wrap {
    padding: 24px 16px 40px;
  }

  #contact .form_wrap form .form_inner {
    padding-bottom: 32px;
  }

  #contact .form_wrap form .form_inner.itm2 div {
    width: 100%;
    margin-right: 0;
  }

  #contact .form_wrap form .form_inner.itm2 div:last-child {
    margin-top: 32px;
  }

  #contact .form_wrap form .btn_submit button {
    font-size: 1.4rem;
    padding: 22px 0;
  }

  #contact .form_wrap form .form_inner label span {
    font-size: 1.4rem;
    padding-left: 9px;
  }

  #contact .form_wrap form .form_inner textarea {
    padding: 16px;
    font-size: 1.4rem;
  }

  #contact .form_wrap form .form_inner input {
    padding: 16px;
    font-size: 1.4rem;
  }

  #contact .form_wrap form .agreement p {
    font-size: 1.4rem;
    line-height: 2;
    padding-bottom: 32px;
  }

  #contact .form_wrap.form_confirm .btn_confirm {
    padding-top: 8px;
  }

  #contact .form_wrap.form_confirm .btn_confirm button {
    width: 100%;
  }

  #contact .form_wrap.form_confirm .btn_confirm button[type="button"] {
    margin-right: 0;
    margin-bottom: 16px;
  }

  /* FOOTER
  ---------------------------------*/
  footer .foot_navi {
    padding: 64px 24px;
  }

  footer .foot_navi p {
    font-size: 1.2rem;
    padding-bottom: 32px;
  }

  footer .foot_navi ul {
    text-align: left;
  }

  footer .foot_gooya {
    padding: 64px 0;
  }

  /* COMMON
  ---------------------------------*/
  .section_wrap {
    padding: 0 16px;
  }

  h2.h2_feature {
    margin: 0;
    padding-bottom: 32px;
  }

  .index_hero_d .item .item_message-3 {
    top: -150%;
  }

  .index_hero_d .item .item_message-4 {
    top: -190%;
  }

  /* index_service
  ---------------------------------*/
  section.index_service {
    padding: 64px 0;
  }

  .index_service__sub_heading__image {
    padding: 0 35px 0 0;
    transform: translate(calc(2rem - (1vw - 239px) - (1024px - 790px)), 0);
  }

  .index_service_list .item {
    width: calc(100% / 2);
  }

  /* index_about
  ---------------------------------*/
  .index_about_content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .index_about_content .item,
  .index_about_content .item:not(:nth-of-type(2n)) {
    flex: 1 1 100%;
    margin: 0 16px 0 0;
    padding: 16px;
    width: calc(100% / 2 - 8px);
  }

  .index_about_content .item:not(:nth-of-type(2n)) {
    margin-right: 0;
  }

  .index_about_content .item:last-child {
    padding-bottom: 0;
  }

  /* index_company
  ---------------------------------*/
  .index_company_wrap {
    padding: 0;
  }

  .index_company_list {
    width: 100%;
  }

  /* index_contact
  ---------------------------------*/
  section.index_contact {
    padding: 64px 0;
  }

  .index_contact_wrap {
    padding: 0;
  }

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

  .index_contact_list .item {
    padding: 0 0 48px;
    width: 100%;
  }

  .index_contact_list .item:last-child {
    padding-bottom: 0;
  }

  .index_contact_txt {
    padding: 24px 0 16px;
  }
}

/*================== SP ======================*/
@media all and (max-width: 414px) {
  footer .foot_navi ul li {
    padding-right: 12px;
  }

  footer .foot_navi ul li a {
    line-height: 3;
    font-size: 1.4rem;
  }

  .index_hero_d .item .item_message-3 {
    top: -220%;
  }

  .index_hero_d .item .item_message-4 {
    top: -275%;
  }

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

  .index_company_list .item .category {
    padding: 16px 0 4px;
    line-height: 1.5;
  }

  .index_company_list .item .detail {
    padding: 0 0 16px;
  }

  .section_wrap_about .section_inner_left,
  .section_wrap_company .section_inner_right{
    padding: 64px 16px;
  }

  .section_wrap_about .section_inner_right,
  .section_wrap_company .section_inner_left {
    padding-top: 101.6666%;
  }

  .section_wrap_about .section_inner_right {
    background-image: url('images/bak_about_sp@2x.jpg');
  }

  .section_wrap_company .section_inner_left {
    background-image: url('images/bak_company_sp@2x.jpg');
  }

  .index_service__sub_heading:nth-of-type(1n+2) {
    margin-top: 32px;
  }

  .index_service__sub_heading__text {
    padding: 0;
  }

  .index_service__sub_heading__text::before {
    margin-right: 20px;
    width: 40px;
  }

  .index_service_list {
    width: 100%;
  }

  .index_service_list .item {
    padding: 0;
    width: 100%;
  }

  .index_service_list .item,
  .index_service_list .item:nth-last-child(-n+2) {
    margin-bottom: 32px;
  }

  .index_service_list .item:last-child {
    margin: 0;
  }

  .index_about_h3:nth-of-type(1n+2) {
    margin-top: 32px;
  }

  .index_service__sub_heading__image {
    padding: 0 22px 0 0;
  }

  .index_about_content .item, .index_about_content .item:not(:nth-of-type(2n)) {
    margin: 0;
    padding: 0 0 32px 0;
    width: 100%;
  }

  .index_about_content .item:last-child {
    padding-bottom: 0;
  }

  #contact .form_wrap form .form_inner textarea {
    height: 160px;
  }

  #contact .form_wrap form .form_inner input,
  #contact .form_wrap form .form_inner textarea {
    /*transform: scale(0.8);*/
  }

  .wpcf7-submit,
  .wpcf7-back{
    width: 100%;
  }

  .wpcf7-back {
    margin: 0 0 16px 0;
  }
}

/* =================================================

LOADING

================================================= */
.loader {
  align-items: center;
  background-color: #000;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999999;
}

.loader_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.loader_wrap svg {
  width: 50%;
}

#svg-logo {
  width: 100%;
}

#svg-logo path {
  fill-opacity: 0;
  fill: #fff;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 600;
  stroke-dashoffset: 600;
}
/* css document */