@charset "UTF-8";
/* ====================================================
reset style
==================================================== */
@import url("https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
html {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px;
  /* Base font size, change to 14px or 16px if needed */
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

* {
  box-sizing: border-box; }

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

fieldset, img {
  border: 0; }

img {
  vertical-align: middle;
  max-width: 100%; }

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption, th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before, q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit; }

/*to enable resizing for IE*/
input, textarea, select {
  *font-size: 100%; }

/*because legend doesn't inherit in IE */
legend {
  color: #000; }

del, ins {
  text-decoration: none; }

main {
  display: block; }

section {
  position: relative; }

/* ====================================================
Font
==================================================== */
/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 835px) {
  .mbpc-0 {
    margin-bottom: 0px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-0 {
    margin-bottom: 0px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-1 {
    margin-bottom: 1px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-1 {
    margin-bottom: 1px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-2 {
    margin-bottom: 2px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-2 {
    margin-bottom: 2px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-3 {
    margin-bottom: 3px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-3 {
    margin-bottom: 3px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-4 {
    margin-bottom: 4px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-4 {
    margin-bottom: 4px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-5 {
    margin-bottom: 5px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-5 {
    margin-bottom: 5px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-6 {
    margin-bottom: 6px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-6 {
    margin-bottom: 6px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-7 {
    margin-bottom: 7px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-7 {
    margin-bottom: 7px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-8 {
    margin-bottom: 8px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-8 {
    margin-bottom: 8px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-9 {
    margin-bottom: 9px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-9 {
    margin-bottom: 9px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-10 {
    margin-bottom: 10px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-10 {
    margin-bottom: 10px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-11 {
    margin-bottom: 11px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-11 {
    margin-bottom: 11px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-12 {
    margin-bottom: 12px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-12 {
    margin-bottom: 12px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-13 {
    margin-bottom: 13px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-13 {
    margin-bottom: 13px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-14 {
    margin-bottom: 14px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-14 {
    margin-bottom: 14px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-15 {
    margin-bottom: 15px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-15 {
    margin-bottom: 15px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-16 {
    margin-bottom: 16px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-16 {
    margin-bottom: 16px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-17 {
    margin-bottom: 17px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-17 {
    margin-bottom: 17px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-18 {
    margin-bottom: 18px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-18 {
    margin-bottom: 18px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-19 {
    margin-bottom: 19px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-19 {
    margin-bottom: 19px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-20 {
    margin-bottom: 20px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-20 {
    margin-bottom: 20px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-21 {
    margin-bottom: 21px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-21 {
    margin-bottom: 21px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-22 {
    margin-bottom: 22px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-22 {
    margin-bottom: 22px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-23 {
    margin-bottom: 23px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-23 {
    margin-bottom: 23px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-24 {
    margin-bottom: 24px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-24 {
    margin-bottom: 24px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-25 {
    margin-bottom: 25px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-25 {
    margin-bottom: 25px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-26 {
    margin-bottom: 26px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-26 {
    margin-bottom: 26px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-27 {
    margin-bottom: 27px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-27 {
    margin-bottom: 27px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-28 {
    margin-bottom: 28px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-28 {
    margin-bottom: 28px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-29 {
    margin-bottom: 29px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-29 {
    margin-bottom: 29px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-30 {
    margin-bottom: 30px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-30 {
    margin-bottom: 30px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-31 {
    margin-bottom: 31px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-31 {
    margin-bottom: 31px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-32 {
    margin-bottom: 32px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-32 {
    margin-bottom: 32px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-33 {
    margin-bottom: 33px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-33 {
    margin-bottom: 33px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-34 {
    margin-bottom: 34px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-34 {
    margin-bottom: 34px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-35 {
    margin-bottom: 35px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-35 {
    margin-bottom: 35px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-36 {
    margin-bottom: 36px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-36 {
    margin-bottom: 36px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-37 {
    margin-bottom: 37px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-37 {
    margin-bottom: 37px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-38 {
    margin-bottom: 38px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-38 {
    margin-bottom: 38px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-39 {
    margin-bottom: 39px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-39 {
    margin-bottom: 39px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-40 {
    margin-bottom: 40px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-40 {
    margin-bottom: 40px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-41 {
    margin-bottom: 41px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-41 {
    margin-bottom: 41px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-42 {
    margin-bottom: 42px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-42 {
    margin-bottom: 42px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-43 {
    margin-bottom: 43px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-43 {
    margin-bottom: 43px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-44 {
    margin-bottom: 44px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-44 {
    margin-bottom: 44px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-45 {
    margin-bottom: 45px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-45 {
    margin-bottom: 45px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-46 {
    margin-bottom: 46px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-46 {
    margin-bottom: 46px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-47 {
    margin-bottom: 47px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-47 {
    margin-bottom: 47px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-48 {
    margin-bottom: 48px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-48 {
    margin-bottom: 48px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-49 {
    margin-bottom: 49px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-49 {
    margin-bottom: 49px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-50 {
    margin-bottom: 50px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-50 {
    margin-bottom: 50px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-51 {
    margin-bottom: 51px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-51 {
    margin-bottom: 51px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-52 {
    margin-bottom: 52px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-52 {
    margin-bottom: 52px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-53 {
    margin-bottom: 53px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-53 {
    margin-bottom: 53px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-54 {
    margin-bottom: 54px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-54 {
    margin-bottom: 54px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-55 {
    margin-bottom: 55px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-55 {
    margin-bottom: 55px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-56 {
    margin-bottom: 56px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-56 {
    margin-bottom: 56px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-57 {
    margin-bottom: 57px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-57 {
    margin-bottom: 57px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-58 {
    margin-bottom: 58px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-58 {
    margin-bottom: 58px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-59 {
    margin-bottom: 59px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-59 {
    margin-bottom: 59px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-60 {
    margin-bottom: 60px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-60 {
    margin-bottom: 60px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-61 {
    margin-bottom: 61px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-61 {
    margin-bottom: 61px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-62 {
    margin-bottom: 62px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-62 {
    margin-bottom: 62px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-63 {
    margin-bottom: 63px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-63 {
    margin-bottom: 63px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-64 {
    margin-bottom: 64px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-64 {
    margin-bottom: 64px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-65 {
    margin-bottom: 65px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-65 {
    margin-bottom: 65px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-66 {
    margin-bottom: 66px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-66 {
    margin-bottom: 66px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-67 {
    margin-bottom: 67px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-67 {
    margin-bottom: 67px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-68 {
    margin-bottom: 68px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-68 {
    margin-bottom: 68px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-69 {
    margin-bottom: 69px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-69 {
    margin-bottom: 69px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-70 {
    margin-bottom: 70px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-70 {
    margin-bottom: 70px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-71 {
    margin-bottom: 71px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-71 {
    margin-bottom: 71px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-72 {
    margin-bottom: 72px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-72 {
    margin-bottom: 72px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-73 {
    margin-bottom: 73px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-73 {
    margin-bottom: 73px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-74 {
    margin-bottom: 74px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-74 {
    margin-bottom: 74px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-75 {
    margin-bottom: 75px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-75 {
    margin-bottom: 75px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-76 {
    margin-bottom: 76px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-76 {
    margin-bottom: 76px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-77 {
    margin-bottom: 77px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-77 {
    margin-bottom: 77px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-78 {
    margin-bottom: 78px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-78 {
    margin-bottom: 78px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-79 {
    margin-bottom: 79px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-79 {
    margin-bottom: 79px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-80 {
    margin-bottom: 80px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-80 {
    margin-bottom: 80px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-81 {
    margin-bottom: 81px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-81 {
    margin-bottom: 81px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-82 {
    margin-bottom: 82px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-82 {
    margin-bottom: 82px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-83 {
    margin-bottom: 83px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-83 {
    margin-bottom: 83px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-84 {
    margin-bottom: 84px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-84 {
    margin-bottom: 84px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-85 {
    margin-bottom: 85px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-85 {
    margin-bottom: 85px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-86 {
    margin-bottom: 86px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-86 {
    margin-bottom: 86px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-87 {
    margin-bottom: 87px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-87 {
    margin-bottom: 87px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-88 {
    margin-bottom: 88px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-88 {
    margin-bottom: 88px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-89 {
    margin-bottom: 89px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-89 {
    margin-bottom: 89px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-90 {
    margin-bottom: 90px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-90 {
    margin-bottom: 90px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-91 {
    margin-bottom: 91px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-91 {
    margin-bottom: 91px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-92 {
    margin-bottom: 92px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-92 {
    margin-bottom: 92px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-93 {
    margin-bottom: 93px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-93 {
    margin-bottom: 93px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-94 {
    margin-bottom: 94px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-94 {
    margin-bottom: 94px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-95 {
    margin-bottom: 95px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-95 {
    margin-bottom: 95px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-96 {
    margin-bottom: 96px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-96 {
    margin-bottom: 96px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-97 {
    margin-bottom: 97px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-97 {
    margin-bottom: 97px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-98 {
    margin-bottom: 98px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-98 {
    margin-bottom: 98px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-99 {
    margin-bottom: 99px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-99 {
    margin-bottom: 99px !important; } }
@media screen and (min-width: 835px) {
  .mbpc-100 {
    margin-bottom: 100px !important; } }
@media screen and (max-width: 834px) {
  .mbsp-100 {
    margin-bottom: 100px !important; } }
body {
  color: #333333;
  font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  line-height: 1.4;
  overflow-x: hidden;
  font-weight: 500;
}

#header,main,#footer{
    opacity: 0;
}

.op #header,.op main,.op #footer{
    opacity: 1;
    transition: ease 0.7s;
}

#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  background: white;
}



.header-block:after {
    content: "";
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    border-bottom:1px solid #dedede;
}

  #header.fixed {
      
}

    

    #header .inner-lg .header-block {
      border-bottom: 2px solid #f2f2f2;
        position: relative;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 1024px) {
        #header .inner-lg .header-block {
          padding: 10px 0;} }
    #header .inner-lg .logo {
        display: block;
        width: 102px;
        height: 71px;
      position: relative;
      z-index: 9; }
      #header .inner-lg .logo img {
        max-width: 102px; }
        @media screen and (max-width: 640px) {
          #header .inner-lg .logo img {
            max-width: 80px; } }
    @media screen and (min-width: 1200px) {
      #header .inner-lg .nav-menu {
        display: block !important;
        opacity: 1 !important; } }
    @media screen and (max-width: 1199px) {
      #header .inner-lg .nav-menu {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        padding: 100px 20px 0;
        overflow-y: scroll;
        background: white; } 
        
}
    #header .inner-lg .nav-menu .show-menu {
      display: flex;
      flex-wrap: wrap;
      align-items: flex-end; }
      @media screen and (max-width: 1024px) {
        #header .inner-lg .nav-menu .show-menu {
          display: block; } }
      #header .inner-lg .nav-menu .show-menu .item {
        position: relative;
        font-family: "Ubuntu", sans-serif;
        padding: 0 25px; }
        @media screen and (max-width: 1200px) {
          #header .inner-lg .nav-menu .show-menu .item {
            padding: 0 14px; } }
        #header .inner-lg .nav-menu .show-menu .item:nth-child(1) {
          padding-left: 0; }
        #header .inner-lg .nav-menu .show-menu .item:last-child {
          padding-right: 0; }
        @media screen and (max-width: 1024px) {
          #header .inner-lg .nav-menu .show-menu .item {
            padding: 0;
            text-align: center; } }
        @media screen and (min-width: 1025px) {
          #header .inner-lg .nav-menu .show-menu .item a:after {
            position: absolute;
            -webkit-backface-visibility: hidden;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            -ms-transition: all .3s ease;
            -o-transition: all .3s ease;
            transition: all .3s ease;
            content: '';
            width: 43px;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: 0;
            height: 0;
            background: #fff004; }
          #header .inner-lg .nav-menu .show-menu .item:hover a:after, #header .inner-lg .nav-menu .show-menu .item.active a:after {
            height: 7px; } }
        #header .inner-lg .nav-menu .show-menu .item a {
          display: block;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: 500;
          color: #333;
          padding: 64px 0 62px;
          line-height: 1;
          letter-spacing: 1px;
          position: relative; }
          @media screen and (max-width: 1200px) {
            #header .inner-lg .nav-menu .show-menu .item a {
              padding: 40px 0; } }
          @media screen and (max-width: 1024px) {
            #header .inner-lg .nav-menu .show-menu .item a {
              padding: 15px;
              display: inline-block; } }
          #header .inner-lg .nav-menu .show-menu .item a span {
            display: block;
            position: relative; }
          #header .inner-lg .nav-menu .show-menu .item a small {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 25px;
            height: 25px;
            background: #fff004;
            border-radius: 50%;
            position: absolute;
            top: -26px;
            right: -11px;
            letter-spacing: 0;
            font-size: 12px;
            font-size: 1.2rem; }
    #header .inner-lg .mobile-icon {
      width: 69px;
      height: 69px;
      border: 1px solid #dedede;
      border-radius: 50%;
      z-index: 12;
      cursor: pointer;
      position: absolute;
      right: 60px;
      top: 50%;
        background-color: #FFF;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      @media screen and (max-width: 640px) {
        #header .inner-lg .mobile-icon {
          width: 45px;
          height: 45px; } }
      #header .inner-lg .mobile-icon span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        width: 21px;
        height: 1px;
        margin-top: -1px;
        background-color: #333;
        font-size: 0;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background-color 0.3s;
        -o-transition: background-color 0.3s;
        transition: background-color 0.3s;
        border-radius: 3px; }
        #header .inner-lg .mobile-icon span:before, #header .inner-lg .mobile-icon span:after {
          position: absolute;
          left: 0;
          width: 100%;
          height: 100%;
          background: #333;
          content: '';
          -webkit-transition: -webkit-transform 0.3s;
          transition: transform 0.3s;
          border-radius: 3px; }
        #header .inner-lg .mobile-icon span:before {
          -webkit-transform: translateY(-250%);
          transform: translateY(-250%);
          top: -3px; }
        #header .inner-lg .mobile-icon span:after {
          -webkit-transform: translateY(250%);
          transform: translateY(250%);
          bottom: -3px; }
      #header .inner-lg .mobile-icon.active span {
        background-color: transparent; }
        #header .inner-lg .mobile-icon.active span:before, #header .inner-lg .mobile-icon.active span:after {
          width: 100%;
          background: #333; }
        #header .inner-lg .mobile-icon.active span:before {
          -webkit-transform: translateY(0) rotate(45deg);
          transform: translateY(0) rotate(45deg);
          top: 2px; }
        #header .inner-lg .mobile-icon.active span:after {
          -webkit-transform: translateY(0) rotate(-45deg);
          transform: translateY(0) rotate(-45deg);
          bottom: -2px; }

#footer {
  background: white;
  padding: 100px 0 90px;
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  border-bottom: 5px solid #fff004;
  letter-spacing: 1.5px; }
  @media screen and (max-width: 834px) {
    #footer {
      padding: 50px 0;
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 1px;
      border-bottom: 3px solid #fff004; } }
  #footer .footer-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 45px; }
    @media screen and (max-width: 834px) {
      #footer .footer-menu {
        margin-bottom: 30px; } }
    @media screen and (max-width: 374px) {
      #footer .footer-menu {
        display: block;
        text-align: center; } }
    #footer .footer-menu li {
      margin: 0 5px; }
      @media screen and (max-width: 374px) {
        #footer .footer-menu li {
          margin: 0 0 10px; }
          #footer .footer-menu li:last-child {
            margin-bottom: 0; } }
      #footer .footer-menu li:nth-child(1) {
        margin-left: 0; }
      #footer .footer-menu li:last-child {
        margin-right: 0; }
      #footer .footer-menu li a {
        color: #333; }
  .share {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    line-height: 1;
    margin-bottom: 49px; }
    @media screen and (max-width: 834px) {
      .share {
        margin-bottom: 30px; } }
    .share li {
      margin: 0 6px; }
      .share li:nth-child(1) {
        margin-left: 0; }
      .share li:last-child {
        margin-right: 0; }
      @media screen and (max-width: 374px) {
        .share li {
          margin-bottom: 10px; } }
      .share li a {
        width: 40px;
        height: 40px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        font-size: 1.2rem;
        color: white;
        background: #333;
        border-radius: 50%; }
        .share li a.leng {
          width: auto;
          border-radius: 40px;
          padding: 0 23px;
          letter-spacing: 1px; }
  #footer .copyright {
    font-size: 11px;
    font-size: 1.1rem;
    letter-spacing: 1.3px; }

@media screen and (max-width: 1024px) {
  .is-locked {
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none; }
    .is-locked body {
      -webkit-overflow-scrolling: auto; } }




.sec-breadcrumb {
  padding: 0 0 100px; }
  @media screen and (max-width: 834px) {
    .sec-breadcrumb {
      padding: 30px 0; } }
  .sec-breadcrumb .breadcrumb {
    padding-left: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
    @media screen and (max-width: 1024px) {
      .sec-breadcrumb .breadcrumb {
        padding-left: 15px; } }
    @media screen and (max-width: 834px) {
      .sec-breadcrumb .breadcrumb {
        padding-left: 0; } }
    .sec-breadcrumb .breadcrumb a {
      padding-right: 80px;
      position: relative;
      color: #333;
      font-weight: 500;
      display: inline-block; }
      @media screen and (max-width: 834px) {
        .sec-breadcrumb .breadcrumb a {
          padding-right: 50px; } }
      .sec-breadcrumb .breadcrumb a .home-icon {
        display: inline-block;
        width: 21px;
        height: 19px;
        background: url("../img/common/ico-home.png") no-repeat center;
        background-size: cover;
        position: relative;
        top: 2px; }
      .sec-breadcrumb .breadcrumb a:after {
        content: "";
        display: block;
        width: 27px;
        height: 1px;
        background: #dedede;
        position: absolute;
        top: 49.5%;
        right: 25px; }
        @media screen and (max-width: 834px) {
          .sec-breadcrumb .breadcrumb a:after {
            right: 10px; } }
    .sec-breadcrumb .breadcrumb span {
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: 500;
      letter-spacing: 1px;
      color: #333; }
      @media screen and (max-width: 834px) {
        .sec-breadcrumb .breadcrumb span {
          font-size: 13px;
          font-size: 1.3rem; } }
      .sec-breadcrumb .breadcrumb span a:after {
        top: calc(50% - 1px); }
    .sec-breadcrumb .breadcrumb i {
      display: none; }



.clearfix {
  *zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both;
    content: "";
    display: table; }

a {
  text-decoration: none;
  -webkit-backface-visibility: hidden;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
  a:hover {
    opacity: 0.7; }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    a {
      display: inline-block; } }
  @media screen and (min-width: 835px) {
    a[href^="tel"] {
      pointer-events: none; } }

@media screen and (max-width: 1200px) {
  .pc-xl {
    display: none !important; } }
@media screen and (max-width: 834px) {
  .pc {
    display: none !important; } }
@media screen and (max-width: 1024px) {
  .pc-ipd {
    display: none !important; } }
@media screen and (max-width: 990px) {
  .pc-lg {
    display: none !important; } }
@media screen and (max-width: 640px) {
  .pc-sm {
    display: none !important; } }
@media screen and (max-width: 374px) {
  .pc-xs {
    display: none !important; } }

@media screen and (min-width: 1201px) {
  .sp-xl {
    display: none !important; } }
@media screen and (min-width: 835px) {
  .sp {
    display: none !important; } }
@media screen and (min-width: 1025px) {
  .sp-ipd {
    display: none !important; } }
@media screen and (min-width: 991px) {
  .sp-lg {
    display: none !important; } }
@media screen and (min-width: 641px) {
  .sp-sm {
    display: none !important; } }
@media screen and (max-width: 375px) {
  .sp-xs {
    display: none !important; } }

.en {
  font-family: "Ubuntu", sans-serif; }

.ttlcomp-01 {
  display: block;
  font-weight: 500;
  letter-spacing: 3px;
  position: relative;
  z-index: 1;
  margin-bottom: 40px; }
  @media screen and (max-width: 834px) {
    .ttlcomp-01 {
      margin-bottom: 30px;
      letter-spacing: 1.5px; } }
  .ttlcomp-01 span {
    display: block;
    margin-bottom: 21px; }
    @media screen and (max-width: 834px) {
      .ttlcomp-01 span {
        margin-bottom: 5px; } }
    .ttlcomp-01 span:last-of-type {
      margin-bottom: 0; }
    .ttlcomp-01 span.en {
      font-size: 24px;
      font-size: 2.4rem; }
      @media screen and (max-width: 834px) {
        .ttlcomp-01 span.en {
          font-size: 20px;
          font-size: 2rem; } }
    .ttlcomp-01 span.jp {
      font-size: 30px;
      font-size: 3rem;
      padding-bottom: 30px;
      line-height: 1.65; }
  .ttlcomp-01 small {
    font-weight: 500;
    font-size: 26px;
    font-size: 2.6rem; }
.ttlcomp-02 {
  font-size: 25px;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.7;
  margin-bottom: 40px;
  letter-spacing: 3.5px;
  position: relative; }
.ttlcomp-03 {
  display: block;
  font-weight: 500;
  line-height: 1.66533;
  letter-spacing: 2px;
  margin-bottom: 19px; }
.ttlcomp-04 {
  margin-bottom: 35px; }
  .ttlcomp-04 span {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 500;
    letter-spacing: 3.5px;
    display: block; }
    
.ttlcomp-05 {
  font-weight: 500;
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  padding-bottom: 22px;
  margin-bottom: 41px;
  border-bottom: 1px solid #dedede;
  position: relative;
  letter-spacing: 1px;
  margin-top: -6px; }
  .ttlcomp-05:before {}
.ttlcomp-06 {
  text-align: center;
  margin-bottom: 85px;
  font-weight: 500;
  font-size: 40px;
  font-size: 4rem; }
  .ttlcomp-06 span {
    display: block;
    line-height: 1.66;
    margin-top: 37px;
    letter-spacing: 1px;
    font-size: 15px;
    font-size: 1.5rem; }
.ttlcomp-07 {
  margin-bottom: 8.0729166667vw; }
  .ttlcomp-07 small {
    font-size: 34px;
    font-size: 3.4rem;
    line-height: 1.91;
    font-weight: 500;
    letter-spacing: 0.09em; }
    @media screen and (max-width: 1200px) {
      .ttlcomp-07 small {
        font-size: 30px;
        font-size: 3rem; } }
  .ttlcomp-07.ttl-bdb small {
    position: relative; }
    .ttlcomp-07.ttl-bdb small:after {
      content: '';
      width: 107px;
      height: 4px;
      background: #fff004;
      position: absolute;
      bottom: -44px;
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media screen and (max-width: 1200px) {
        .ttlcomp-07.ttl-bdb small:after {
          bottom: -25px; } }
.ttlcomp-08 {
  margin-bottom: 59px; }
  .ttlcomp-08 small {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.4;
    letter-spacing: 0.09em;
    color: #333;
    font-weight: 500; }

.heading-block {
  font-size: 15.46875vw;
  line-height: 1;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  color: #f5f5f5;
  text-transform: uppercase;
  white-space: nowrap;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }
  .heading-block.left {
    left: -1.6145833333vw;
    justify-content: flex-start; }
  .heading-block.right {
    right: -2.4479166667vw;
    justify-content: flex-end; }
  .heading-block.txt-bd {
    color: #e2e2e2;
    -webkit-text-fill-color: #ffffff;
    /* Will override color (regardless of order) */
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #e2e2e2; }

.ttl-yellow-line {
  font-family: "Ubuntu", sans-serif;
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
  padding-bottom: 23px;
  position: relative;
  letter-spacing: 2.2px; }
  @media screen and (max-width: 1024px) {
    .ttl-yellow-line {
      padding-bottom: 15px;
      margin-bottom: 20px; } }
  .ttl-yellow-line:after {}
.sec-sv p{
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 1.5px; }


.txt-basic, .common-other-post a {
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.8;
  font-weight: bold;
  letter-spacing: 1.5px; }

.sec-sv .list-sv .item__cnt {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 2.1333333;
  font-weight: bold;
  letter-spacing: 1.5px; }

.txt-center {
  text-align: center; }
.txt-right {
  text-align: right; }
.txt-left {
  text-align: left; }

.all-view {
  display: inline-block;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  padding-right: 22px;
  letter-spacing: 2px;
  font-weight: 500;
  color: #333;
  position: relative;
  z-index: 9; }
  .all-view.top {
    position: absolute;
    top: 9px;
    right: 0; }
  @media screen and (max-width: 834px) {
    .all-view {
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 1px;
      padding-right: 10px; } }
  .all-view:after {
    content: "";
    width: 5px;
    height: 12px;
    background: url("../img/common/arrow-link.png") no-repeat;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 360px;
  height: 64px;
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  background: #333;
  color: white;
  border-radius: 50px;
  letter-spacing: 2px;
  padding-left: 5px;
  font-weight: 500; }
  .btn.btn-bg {
    background: #fff004;
    color: #333333; }
    .btn.btn-bg:after {
position: absolute;
    right: 30px;
      display: block;
      content: "";
      width: 6px;
      height: 6px;
      border-top: 1.5px solid #333333;
      border-right: 1.5px solid #333333;
      transform: rotate(45deg); }
  @media screen and (max-width: 834px) {
    .btn {
      max-width: 210px;
      height: 45px;
      font-size: 14px;
      font-size: 1.4rem;
      letter-spacing: 1.5px;
      padding-left: 0; } }
  .btn span {
    position: relative;
    margin-right: 10px; }
  .btn:after {
    display: block;
    content: "";
    width: 15px;
    height: 11px;
    background: url("../img/common/arrow-03.png") no-repeat right; }
  .btn-mail {
    background: #fff004;
    color: #333; }
    .btn-mail:after {
      width: 17px;
      height: 11px;
      background: url("../img/common/mail-icon.png") no-repeat; }
  .btn-map {
    background: white;
    border: 1px solid #333;
    color: #333; }
    .btn-map:after {
      width: 13px;
      height: 18px;
      background: url("../img/common/map-icon.png") no-repeat; }
  .btn-name {
    display: inline-block;
    max-width: none;
    height: auto;
    padding: 15px 21px;
    border-radius: 50px;
    background: #c0c0c0;
    font-size: 13px;
    font-size: 1.3rem;
    margin-right: 15px; }
    @media screen and (max-width: 1024px) {
      .btn-name {
        padding: 10px 15px;
        margin-right: 10px; } }
    .btn-name:after {
      display: none; }
  .btn-tags {
    display: inline-block;
    max-width: none;
    height: auto;
    padding: 21px 21px 21px 25px;
    border-radius: 50px;
    background: #fff;
    color: #333;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif; }
    @media screen and (max-width: 1024px) {
      .btn-tags {
        padding: 10px 15px; } }
    .btn-tags:after {
      display: none; }
  .btn-search {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 113px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    font-size: 1.5rem;
    background: #333;
    letter-spacing: 2px; }
    .btn-search:before {
      content: "";
      width: 17px;
      height: 17px;
      background: url("../img/common/search-icon.png") no-repeat;
      background-size: 100%;
      margin-right: 15px; }
  .btn.jp {
    font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif; }
  .btn-comp01 {
    color: #ffffff;
    background-color: #333333;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    position: relative;
    height: 114px;
    padding: 10px 2.2916666667vw 10px 1.7708333333vw; }
    .btn-comp01 .jp {
      display: block;
      width: 100%;
      font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
      font-weight: 500;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.4; }
    .btn-comp01 .en {
      display: block;
      width: 100%;
      font-family: "Ubuntu", sans-serif;
      font-weight: 500;
      font-size: 12px;
      font-size: 1.2rem;
      margin: 7px 0 3px;
      letter-spacing: 1px; }
    .btn-comp01:after {
      display: block;
      content: "";
      position: absolute;
      width: 5px;
      height: 11px;
      background: url("../img/common/arrow-03.png") no-repeat;
      top: 50%;
      transform: translateY(-50%);
      right: 1.7708333333vw; }
    .btn-comp01--center {
      justify-content: center;
      text-align: center;
      height: auto;
      padding-top: 32px;
      padding-bottom: 35px; }

.bg-gray {
  background: #efefef; }
.bg-yellow {
  background: #fff004; }

.navs-page {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 33px 0 34px;
  border-bottom: 1px solid #dedede;
  border-top: 1px solid #dedede;
  margin-bottom: 100px; }
  .navs-page li {
    margin: 0 5px; }
    .navs-page li:last-of-type {
      margin-right: 0; }
    .navs-page li a {
      padding: 11px 0.9375vw 12px 0.9895833333vw;
      border-radius: 50px;
      font-size: 13px;
      font-size: 1.3rem;
      letter-spacing: 1.3px;
      color: #333;
      font-weight: bold;
      display: block;
      text-align: center; }
    .navs-page li.active a {
      background: #333;
      color: #fff; }
    .navs-page li:hover a {
      opacity: 1;
      background: #333;
      color: #fff; }

.hidden {
  display: none !important; }

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #FFF;
  z-index: 999;
  overflow: hidden;
    -webkit-transform: translateX(0) skewX(0);
    transform: translateX(0) skewX(0);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom


}
  .loading + .txt {
    display: inline-block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

    margin: 0 auto;
    text-align: center;
    opacity: 1;
    transition: opacity 800ms;
    transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index: 1000; }
  .loading.active {
    -webkit-transform: translateX(-100%) skewX(40deg);
    transform: translateX(-100%) skewX(40deg);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
    -webkit-transition-timing-function: cubic-bezier(.785,.135,.15,.86);
    transition-timing-function: cubic-bezier(.785,.135,.15,.86)


}
    .loading.active + .txt {
      opacity: 0;
      z-index: -1; }

.mv-video {
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .mv-video .play {
    display: inline-block;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }
  .mv-video iframe {
    width: 100% !important; }
    @media screen and (min-width: 1025px) {
      .mv-video iframe {
        height: 165% !important;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
    @media screen and (max-width: 1024px) {
      .mv-video iframe {
        height: 51.8vw; } }
.mv-heading {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 81.5%; }

.works-heading {
  position: absolute;
  top: 35px;
  right: 0;
  max-width: 49.66%; }
  @media screen and (max-width: 1024px) {
    .works-heading {
      top: 0; } }
  .works-heading-child {
    max-width: 100%;
    width: 100%;
    top: 0; }

  .works-slider:last-child {
    margin-bottom: 0; }
  .works-slider + .common-scrollbar {
    display: block;
    margin: auto 180px; }
    .works-slider + .common-scrollbar:last-child {
      margin-bottom: 0; }
    
  .works-slider .item {
    outline: none !important; }
    .works-slider .item a {
      display: block;
      transition: ease 0s;
      opacity: 1;
      outline: none !important; }
      .works-slider .item a .txt {
        color: #333; }
    .works-slider .item .img {
      position: relative;
      margin-bottom: 42px; }


      @media screen and (max-width: 1024px) {
        .works-slider .item .img {
          margin-bottom: 15px; } }
      .works-slider .item .img:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(51, 51, 51, 0.8); }
      .works-slider .item .img .note-detail {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: white;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.830;
        z-index: 1;
        padding: 0 60px; }
        @media screen and (max-width: 1460px) {
          .works-slider .item .img .note-detail {
            padding: 0 30px; } }
        @media screen and (max-width: 1024px) {
          .works-slider .item .img .note-detail {
            padding: 0 15px;
            font-size: 12px;
            font-size: 1.2rem; } }
        @media screen and (max-width: 640px) {
          .works-slider .item .img .note-detail {
            padding: 0 10px; } }
        .works-slider .item .img .note-detail .ttl {
          display: block;
          overflow: hidden;
          font-weight: 500;
          letter-spacing: 2px;
          margin-bottom: 21px; }
          @media screen and (max-width: 640px) {
            .works-slider .item .img .note-detail .ttl {
              margin-bottom: 10px; } }
          .works-slider .item .img .note-detail .ttl span {
            display: inline-block;
            position: relative;
            font-size: 14px;
            font-size: 1.4rem;
            padding-right: 20px; }
            .works-slider .item .img .note-detail .ttl span:after {
              content: "";
              width: 500px;
              height: 1px;
              background: #757472;
              position: absolute;
              left: 100%;
              top: 50%;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%); }
        .works-slider .item .img .note-detail table {
          width: 100%; }
          .works-slider .item .img .note-detail table tr th {
            width: 45px;
            font-weight: 500; }
          .works-slider .item .img .note-detail table tr td {
            padding-left: 0; }
          .works-slider .item .img .note-detail table tr td, .works-slider .item .img .note-detail table tr th {
            vertical-align: top; }
      .works-slider .item .img:after, .works-slider .item .img .note-detail {
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 0;
        visibility: hidden; }
    .works-slider .item .txt {
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: 500;
      letter-spacing: 1px; }
      .works-slider .item .txt .ttl {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 11px; }
        @media screen and (max-width: 834px) {
          .works-slider .item .txt .ttl {
            font-size: 18px;
            font-size: 1.8rem; } }
    .works-slider .item:hover .img:after, .works-slider .item:hover .img .note-detail {
      opacity: 1;
      visibility: visible; }
    @media screen and (min-width: 835px) {
      .works-slider .item:nth-child(even) {
        padding-top: 46px; }
        .works-slider .item:nth-child(even) .img {
          margin-bottom: 33px; } }
  .works-slider .slick-dots {
    position: static;
    display: flex;
    flex-wrap: wrap;
    height: 1px;
    background: #dedede;
    max-width: 1400px;
    margin: 0 auto; }
    .works-slider .slick-dots li {
      margin: 0;
      flex-grow: 1;
      max-width: 100%;
      margin-top: -1px; }
      .works-slider .slick-dots li button {
        width: 100%;
        height: 3px;
        background: #fff004;
        padding: 0;
        opacity: 0;
        visibility: hidden; }
        .works-slider .slick-dots li button:before {
          display: none; }
      .works-slider .slick-dots li.slick-active button {
        opacity: 1;
        visibility: visible; }
  .works-slider .slick-list {
    margin-bottom: 60px; }
    @media screen and (max-width: 1024px) {
      .works-slider .slick-list {
        margin-bottom: 25px; } }
  .works-slider .slick-list {
    overflow: visible; }
  .works-slider .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
      background-color: #f5f5f5;
    z-index: 9; }
    @media screen and (max-width: 834px) {
      .works-slider .slick-arrow {
        top: 45%; } }
    @media screen and (max-width: 640px) {
      .works-slider .slick-arrow {
        top: 38%; } }
    .works-slider .slick-arrow.slick-disabled {
      opacity: 0.3;
      pointer-events: none; }
    .works-slider .slick-arrow:before {
      display: none; }
    .works-slider .slick-arrow:after {
      content: "";
      border: solid #999;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 5px;
      position: absolute;
      top: 50%; }
    .works-slider .slick-arrow.slick-prev {
      left: 0; }
      .works-slider .slick-arrow.slick-prev:after {
        transform: translateY(-50%) rotate(135deg);
        left: 15px; }
    .works-slider .slick-arrow.slick-next {
      right: 0; }
      .works-slider .slick-arrow.slick-next:after {
        transform: translateY(-50%) rotate(-45deg);
        right: 15px; }
.works-block {
  position: relative;
  z-index: 1; }

.news-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -44px; }
  @media screen and (max-width: 1200px) {
    .news-list {
      margin: 0 -10px; } }
  .news-list .item {
    width: 25%;
    padding: 0 44px; }
    @media screen and (max-width: 1200px) {
      .news-list .item {
        padding: 0 10px; } }
    @media screen and (max-width: 834px) {
      .news-list .item {
        width: 50%;
        margin-bottom: 30px; } }
    @media screen and (max-width: 640px) {
      .news-list .item {
        width: 100%; }
        .news-list .item:last-child {
          margin-bottom: 0; } }
    .news-list .item a {
      display: block;
      line-height: 1.665333;
      color: #333;
      font-weight: 500;
      font-size: 15px;
      font-size: 1.5rem; }
      @media screen and (max-width: 834px) {
        .news-list .item a {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.6; } }
      .news-list .item a .ttl {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 17px;
        font-weight: 500; }
        @media screen and (max-width: 1024px) {
          .news-list .item a .ttl {
            margin-bottom: 10px; } }
        .news-list .item a .ttl span {
          display: inline-block;
          font-family: "Ubuntu", sans-serif;
          line-height: 1; }
          .news-list .item a .ttl span.status {
            font-size: 10px;
            font-size: 1rem;
            background: #fff004;
            padding: 8px 16px 7px;
            border-radius: 20px;
            margin-right: 14px; }
          .news-list .item a .ttl span.date {
            font-size: 13px;
            font-size: 1.3rem; }

.service-block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -43px; }
  @media screen and (max-width: 1460px) {
    .service-block {
      margin: 0 -20px; } }
  @media screen and (max-width: 1200px) {
    .service-block {
      margin: 0 -10px; } }
  .service-block .item {
    width: 50%;
    padding: 0 43px; }
    @media screen and (max-width: 1460px) {
      .service-block .item {
        padding: 0 20px; } }
    @media screen and (max-width: 1200px) {
      .service-block .item {
        padding: 0 10px; } }
    @media screen and (max-width: 640px) {
      .service-block .item {
        width: 100%;
        margin-bottom: 30px; }
        .service-block .item:last-child {
          margin-bottom: 0; } }
    .service-block .item img {
      width: 100%; }
    .service-block .item a {
      display: block;
      position: relative;
      overflow: hidden; }
      .service-block .item a .ttl {
        display: block;
        color: white;
        font-size: 24px;
        font-size: 2.4rem;
        letter-spacing: 3px;
        padding-bottom: 18px;
        font-weight: 500;
        text-align: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
        @media screen and (max-width: 640px) {
          .service-block .item a .ttl {
            font-size: 20px;
            font-size: 2rem; } }
        .service-block .item a .ttl:after {
          content: "";
          width: 58px;
          height: 3px;
          background: #fff004;
          position: absolute;
          bottom: 0;
          left: 0;
          right: 0;
          margin: 0 auto; }
      .service-block .item a img {
        width: 100%;
        transition: ease 0.7s; }
      .service-block .item a:hover {
        opacity: 1; }
        .service-block .item a:hover img {
          -webkit-transform: scale(1.1, 1.1);
          -moz-transform: scale(1.1, 1.1);
          -o-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1); }

.client-block {
  padding: 17px 50px 43px; }
  @media screen and (max-width: 1024px) {
    .client-block {
      padding: 0 0 30px; } }
  .client-block .items {
    outline: none !important; }
  .client-block .slick-dots {
    position: static; }
    .client-block .slick-dots li {
      font-size: 14px;
      font-size: 1.4rem;
      font-family: "Ubuntu", sans-serif;
      position: relative;
      font-weight: 500;
      color: #ccc;
      padding-bottom: 6px;
      border-bottom: 1px solid #ccc;
      margin: 0 20px;
      -webkit-backface-visibility: hidden;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease; }
      .client-block .slick-dots li a {
        color: #ccc;
        opacity: 1; }
      .client-block .slick-dots li.slick-active, .client-block .slick-dots li:hover {
        border-bottom: 1px solid #333;
        color: #333; }
        .client-block .slick-dots li.slick-active a, .client-block .slick-dots li:hover a {
          color: #333; }
  .client-block .pagination-slider {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .client-block .pagination-client:nth-child(1) {
    order: 1; }
  .client-block .pagination-client:nth-child(2) {
    order: 3; }
  .client-block .pagination-client:nth-child(3) {
    order: 2;
    margin: 0 8px; }
  .client-block .pagination-client .slick-arrow {
    width: 11px;
    height: 21px;
    position: relative;
    -webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%); }
    .client-block .pagination-client .slick-arrow:before {
      display: inline-block;
      content: "";
      width: 12px;
      height: 12px;
      border-top: 1px solid #ccc;
      border-right: 1px solid #ccc;
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      position: absolute;
      top: 12px;
      right: 0; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .client-block .pagination-client .slick-arrow:before {
          border: none !important;
          width: 12px;
          height: 21px;
          background: url("../img/common/arrow-02.png") no-repeat;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -moz-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); } }
    .client-block .pagination-client .slick-arrow:hover:before {
      border-top: 1px solid #333;
      border-right: 1px solid #333; }
    .client-block .pagination-client .slick-arrow.slick-prev:before {
      border-top: none;
      border-left: 1px solid #ccc;
      border-right: none;
      border-bottom: 1px solid #ccc; }
    .client-block .pagination-client .slick-arrow.slick-prev:hover:before {
      border-top: none;
      border-left: 1px solid #333;
      border-right: none;
      border-bottom: 1px solid #333; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .client-block .pagination-client .slick-arrow.slick-prev:before {
        border: none !important;
        width: 12px;
        height: 21px;
        background: url("../img/common/prev-02.png") no-repeat;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
.client-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -40px; }
  @media screen and (max-width: 1200px) {
    .client-list {
      margin: 0 -10px; } }
  @media screen and (max-width: 640px) {
    .client-list {
      margin: 0; } }
  .client-list .item {
    width: 25%;
    padding: 0 40px;
    margin-bottom: 54px; }
    .client-list .item a {
      display: block;
      outline: none !important; }
    @media screen and (max-width: 1200px) {
      .client-list .item {
        padding: 0 10px;
        margin-bottom: 20px; } }
    @media screen and (max-width: 640px) {
      .client-list .item {
        width: 33.333%;
        padding: 0; } }
    .client-list .item img {
      width: 100%; }
    .client-list .item a {
      -webkit-backface-visibility: hidden;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      display: inline-block; }
      .client-list .item a:hover {
        opacity: 0.7; }

.concept-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center; }
  .concept-block .img {
    width: 42%; }
    .concept-block .img img {
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .concept-block .img {
        width: 49%; } }
    @media screen and (max-width: 640px) {
      .concept-block .img {
        width: 100%;
        margin-bottom: 15px; } }
  .concept-block .txt-basic, .concept-block .common-other-post a, .common-other-post .concept-block a, .concept-block .sec-sv p, .sec-sv .concept-block p, .concept-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .concept-block .item__cnt {
    width: 51%;
    padding-left: 97px;
    max-width: 702px; }
   
    
    
    .concept-block .txt-basic .ttlcomp-01, .concept-block .common-other-post a .ttlcomp-01, .common-other-post .concept-block a .ttlcomp-01, .concept-block .sec-sv p .ttlcomp-01, .sec-sv .concept-block p .ttlcomp-01, .concept-block .sec-sv .list-sv .item__cnt .ttlcomp-01, .sec-sv .list-sv .concept-block .item__cnt .ttlcomp-01 {
      margin-bottom: 27px; }
      @media screen and (min-width: 1025px) {
        .concept-block .txt-basic .ttlcomp-01 span.en, .concept-block .common-other-post a .ttlcomp-01 span.en, .common-other-post .concept-block a .ttlcomp-01 span.en, .concept-block .sec-sv p .ttlcomp-01 span.en, .sec-sv .concept-block p .ttlcomp-01 span.en, .concept-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.en, .sec-sv .list-sv .concept-block .item__cnt .ttlcomp-01 span.en {
          margin-bottom: 49px; } }
      .concept-block .txt-basic .ttlcomp-01 span.jp, .concept-block .common-other-post a .ttlcomp-01 span.jp, .common-other-post .concept-block a .ttlcomp-01 span.jp, .concept-block .sec-sv p .ttlcomp-01 span.jp, .sec-sv .concept-block p .ttlcomp-01 span.jp, .concept-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.jp, .sec-sv .list-sv .concept-block .item__cnt .ttlcomp-01 span.jp {
        padding-bottom: 0; }
    .concept-block .txt-basic p, .concept-block .common-other-post a p, .common-other-post .concept-block a p, .concept-block .sec-sv p p, .sec-sv .concept-block p p, .concept-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .concept-block .item__cnt p {
      margin-bottom: 63px; }
      @media screen and (max-width: 1024px) {
        .concept-block .txt-basic p, .concept-block .common-other-post a p, .common-other-post .concept-block a p, .concept-block .sec-sv p p, .sec-sv .concept-block p p, .concept-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .concept-block .item__cnt p {
          margin-bottom: 35px; } }
      .concept-block .txt-basic p:last-child, .concept-block .common-other-post a p:last-child, .common-other-post .concept-block a p:last-child, .concept-block .sec-sv p p:last-child, .sec-sv .concept-block p p:last-child, .concept-block .sec-sv .list-sv .item__cnt p:last-child, .sec-sv .list-sv .concept-block .item__cnt p:last-child {
        margin-bottom: 0; }

.contact-block {
  color: white;
  padding: 91px 0;
  position: relative; }
  @media screen and (max-width: 834px) {
    .contact-block {
      padding: 50px 0; } }
  @media screen and (max-width: 640px) {
    .contact-block {
      padding: 0; } }
  .contact-block:before, .contact-block:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%; }
    @media screen and (max-width: 640px) {
      .contact-block:before, .contact-block:after {
        display: none; } }
  .contact-block:before {
    left: 0;
    background: #333;
    width: calc(50% + 1px); }
  .contact-block:after {
    right: 0;
    background: #393939; }
  .contact-block .inner-lg {
    z-index: 1;
    display: flex;
    flex-wrap: wrap; }
    @media screen and (max-width: 640px) {
      .contact-block .inner-lg {
        padding: 0; } }
    .contact-block .inner-lg .link-dowload {
      width: 50%; }
      @media screen and (max-width: 640px) {
        .contact-block .inner-lg .link-dowload {
          width: 100%;
          background: #333;
          padding: 50px 15px; } }
    .contact-block .inner-lg .main-contact {
      width: 50%;
      padding-left: 77px; }
      @media screen and (max-width: 1024px) {
        .contact-block .inner-lg .main-contact {
          padding-left: 15px; } }
      @media screen and (max-width: 640px) {
        .contact-block .inner-lg .main-contact {
          width: 100%;
          background: #393939;
          padding: 50px 15px; } }
      .contact-block .inner-lg .main-contact p {
        margin-bottom: 40px; }
        @media screen and (max-width: 834px) {
          .contact-block .inner-lg .main-contact p {
            margin-bottom: 20px; } }
        .contact-block .inner-lg .main-contact p:last-child {
          margin-bottom: 0; }
.contact-list {
  display: flex;
  flex-wrap: wrap;
  background: #f5f5f5;
  padding: 0 0 0 0; }
  @media screen and (max-width: 834px) {
    .contact-list {
      padding: 0 0 0; } }
  .contact-list .item {
    width: 33.333%;
padding-bottom: 100px;}
    @media screen and (max-width: 640px) {
      .contact-list .item {
        width: 100%;
        margin-bottom: 30px; }
        .contact-list .item:last-child {
          margin-bottom: 0; } }
    .contact-list .item .img img {
      width: 100%; }
    .contact-list .item .txt-basic, .contact-list .item .common-other-post a, .common-other-post .contact-list .item a, .contact-list .item .sec-sv p, .sec-sv .contact-list .item p, .contact-list .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .contact-list .item .item__cnt {
      background: white;
      text-align: center;
      position: relative;
      margin: -100px auto 0;
      padding: 70px 20px 70px;
      font-weight: 500; }
      .contact-list .item .txt-basic, .contact-list .item .common-other-post a, .common-other-post .contact-list .item a, .contact-list .item .sec-sv p, .sec-sv .contact-list .item p, .contact-list .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .contact-list .item .item__cnt {
          margin: -15% 20px 0 20px; }


      .contact-list .item .txt-basic .ttl, .contact-list .item .common-other-post a .ttl, .common-other-post .contact-list .item a .ttl, .contact-list .item .sec-sv p .ttl, .sec-sv .contact-list .item p .ttl, .contact-list .item .sec-sv .list-sv .item__cnt .ttl, .sec-sv .list-sv .contact-list .item .item__cnt .ttl {
        display: block;
        text-align: center;
        font-weight: 500;
        font-size: 38px;
        font-size: 3.8rem;
        letter-spacing: 4px;
        line-height: 1;
        margin-bottom: 16px; }
        @media screen and (max-width: 1024px) {
          .contact-list .item .txt-basic .ttl, .contact-list .item .common-other-post a .ttl, .common-other-post .contact-list .item a .ttl, .contact-list .item .sec-sv p .ttl, .sec-sv .contact-list .item p .ttl, .contact-list .item .sec-sv .list-sv .item__cnt .ttl, .sec-sv .list-sv .contact-list .item .item__cnt .ttl {
            font-size: 24px;
            font-size: 2.4rem; } }
      .contact-list .item .txt-basic p, .contact-list .item .common-other-post a p, .common-other-post .contact-list .item a p, .contact-list .item .sec-sv p p, .sec-sv .contact-list .item p p, .contact-list .item .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .contact-list .item .item__cnt p {
        margin-bottom: 14px; }
      .contact-list .item .txt-basic .tel, .contact-list .item .common-other-post a .tel, .common-other-post .contact-list .item a .tel, .contact-list .item .sec-sv p .tel, .sec-sv .contact-list .item p .tel, .contact-list .item .sec-sv .list-sv .item__cnt .tel, .sec-sv .list-sv .contact-list .item .item__cnt .tel {
        color: #333;
        display: inline-flex;
        flex-wrap: wrap;
        align-items: center;
        line-height: 1;
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 17px; }
        @media screen and (max-width: 1024px) {
          .contact-list .item .txt-basic .tel, .contact-list .item .common-other-post a .tel, .common-other-post .contact-list .item a .tel, .contact-list .item .sec-sv p .tel, .sec-sv .contact-list .item p .tel, .contact-list .item .sec-sv .list-sv .item__cnt .tel, .sec-sv .list-sv .contact-list .item .item__cnt .tel {
            font-size: 14px;
            font-size: 1.4rem; } }
        .contact-list .item .txt-basic .tel small, .contact-list .item .common-other-post a .tel small, .common-other-post .contact-list .item a .tel small, .contact-list .item .sec-sv p .tel small, .sec-sv .contact-list .item p .tel small, .contact-list .item .sec-sv .list-sv .item__cnt .tel small, .sec-sv .list-sv .contact-list .item .item__cnt .tel small {
          display: block;
          font-size: 10px;
          font-size: 1rem;
          background: #fff004;
          padding: 8px;
          border-radius: 20px;
          width: 50px;
          margin-right: 14px; }
          @media screen and (max-width: 1024px) {
            .contact-list .item .txt-basic .tel small, .contact-list .item .common-other-post a .tel small, .common-other-post .contact-list .item a .tel small, .contact-list .item .sec-sv p .tel small, .sec-sv .contact-list .item p .tel small, .contact-list .item .sec-sv .list-sv .item__cnt .tel small, .sec-sv .list-sv .contact-list .item .item__cnt .tel small {
              width: 40px;
              margin-right: 7px; } }
      .contact-list .item .txt-basic .btn, .contact-list .item .common-other-post a .btn, .common-other-post .contact-list .item a .btn, .contact-list .item .sec-sv p .btn, .sec-sv .contact-list .item p .btn, .contact-list .item .sec-sv .list-sv .item__cnt .btn, .sec-sv .list-sv .contact-list .item .item__cnt .btn {
        margin: 0 auto; }

.list-link li {
  margin-bottom: 16px; }
  .list-link li:last-child {
    margin-bottom: 0; }
  .list-link li a {
    font-size: 18px;
    font-size: 1.8rem;
    color: white;
    letter-spacing: 1.5px; }
    @media screen and (max-width: 834px) {
      .list-link li a {
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 0.5px; } }
    .list-link li a:after {
      display: inline-block;
      content: "";
      width: 7px;
      height: 7px;
      border-top: 1px solid #fff004;
      border-right: 1px solid #fff004;
      -webkit-transform: translateY(-50%) rotate(45deg);
      -ms-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      position: relative;
      margin-left: 15px;
      top: 2px; }
      @media screen and (max-width: 834px) {
        .list-link li a:after {
          margin-left: 7px; } }

.sec-video {
  padding: 40px 0 70px; }
  .sec-video .heading-block {
    color: #f5f5f5; }
.sec-works {
  padding: 40px 0 100px; }
  @media screen and (max-width: 1024px) {
    .sec-works {
      padding: 3% 0 50px;
      margin-top: 50px; } }
  .sec-works .inner {
    z-index: 1; }
.sec-news {
  padding: 0 0 93px; }
  @media screen and (max-width: 834px) {
    .sec-news {
      padding: 0 0 50px; } }
  .sec-news .all-view {
    position: absolute;
    top: 9px;
    right: 15px; }
.sec-service {
  padding: 100px 0; }
  @media screen and (max-width: 834px) {
    .sec-service {
      padding: 50px 0; } }
  .sec-service:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #f5f5f5;
    width: 86.2%; }
    @media screen and (max-width: 834px) {
      .sec-service:before {
        width: calc(100% - 50px); } }
    @media screen and (max-width: 640px) {
      .sec-service:before {
        width: 100%; } }
.sec-client {
  padding: 92px 0 100px; }
  @media screen and (max-width: 834px) {
    .sec-client {
      padding: 50px 0; } }
.sec-concept {
  padding: 100px 0;
  margin-bottom: 98px; }
  @media screen and (max-width: 834px) {
    .sec-concept {
      padding: 50px 0;
      margin-bottom: 50px; } }
  .sec-concept:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    background: #f5f5f5;
    width: 86.2%; }
    @media screen and (max-width: 834px) {
      .sec-concept:before {
        width: calc(100% - 50px); } }
    @media screen and (max-width: 640px) {
      .sec-concept:before {
        width: 100%; } }
.sec-contact {
  padding: 0 0; }

.download-block .download-box {
  padding: 58px 0 70px;
  border-top: 1px solid #dedede; }
  @media screen and (min-width: 835px) {
    .download-block .download-box:last-child {
      padding-bottom: 94px; } }
  @media screen and (max-width: 1024px) {
    .download-block .download-box {
      padding: 30px 0 40px; } }
  .download-block .download-box .ttl-download {
    text-align: center;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 62px;
    letter-spacing: 2.5px; }
  .download-block .download-box .list-item {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -43px; }
    @media screen and (max-width: 1200px) {
      .download-block .download-box .list-item {
        margin: 0 -20px; } }
    .download-block .download-box .list-item .item {
      width: 33.33%;
      padding: 0 43px; }
      @media screen and (max-width: 1200px) {
        .download-block .download-box .list-item .item {
          padding: 0 20px; } }
      .download-block .download-box .list-item .item__img {
        padding: 12px 55px;
        background: #f5f5f5;
        margin-bottom: 23px; }
        @media screen and (max-width: 1024px) {
          .download-block .download-box .list-item .item__img {
            padding: 12px 30px; } }
      .download-block .download-box .list-item .item .txt-basic, .download-block .download-box .list-item .item .common-other-post a, .common-other-post .download-block .download-box .list-item .item a, .download-block .download-box .list-item .item .sec-sv p, .sec-sv .download-block .download-box .list-item .item p, .download-block .download-box .list-item .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .download-block .download-box .list-item .item .item__cnt {
        text-align: center;
        margin-bottom: 25px;
        line-height: 1.65;
        letter-spacing: 1.5px; }
      .download-block .download-box .list-item .item .btn {
        margin: 0 auto; }

.sec-concept-page {
  padding: 8% 0 0;
  z-index: 2; }
.sec-proposal {
  padding: 17% 0 100px;
  margin-top: -7%; }
  @media screen and (max-width: 1024px) {
    .sec-proposal {
      margin-top: 0; } }
  .sec-proposal-page {
    padding-top: 14%; }

.box-phisolophy {
  padding-left: 50px;
  padding-right: 30px;
  margin-bottom: -4.7vw; }
  @media screen and (max-width: 1024px) {
    .box-phisolophy {
      padding: 0 25px;
      margin-bottom: -35px; } }

.concept-page-block {
  display: flex;
  flex-wrap: wrap;
  align-items: center; 
padding:0 120px}
  .concept-page-block .img {
    width: 43.98%; }
    @media screen and (max-width: 1024px) {
      .concept-page-block .img {
        width: 100%;
        margin-bottom: 30px;
        display: flex; } }
    @media screen and (max-width: 1024px) {
      .concept-page-block .img {
        display: flex;
        flex-wrap: wrap; } }
    .concept-page-block .img img {
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .concept-page-block .img-top {
        width: 50%;
        padding: 0 10px; } }
    .concept-page-block .img-bottom {
      max-width: 60%;
      margin-top: 60px;
      margin-left: auto;
      margin-right: 0; }
      
  .concept-page-block .txt-basic {
    width: calc(100% - 43.98%);
    padding-left: 5.25vw;
    padding-right: 7vw;
    text-align: justify;
    text-justify: newspaper; }

  .concept-page-block .common-other-post a, .common-other-post .concept-page-block a, .concept-page-block .sec-sv p, .sec-sv .concept-page-block p, .concept-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .concept-page-block .item__cnt {
    width: calc(100% - 43.98%);
    padding-left: 5.25vw;
    padding-right: 7vw;
    text-align: justify;
    text-justify: newspaper; }
    @media screen and (max-width: 1200px) {
      .concept-page-block .txt-basic, .concept-page-block .common-other-post a, .common-other-post .concept-page-block a, .concept-page-block .sec-sv p, .sec-sv .concept-page-block p, .concept-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .concept-page-block .item__cnt {
        padding-left: 5.25vw;
        padding-right: 0; } }
    @media screen and (max-width: 1024px) {
      .concept-page-block .txt-basic, .concept-page-block .common-other-post a, .common-other-post .concept-page-block a, .concept-page-block .sec-sv p, .sec-sv .concept-page-block p, .concept-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .concept-page-block .item__cnt {
        width: 100%;
        padding: 0; } }
    .concept-page-block .txt-basic .ttlcomp-01, .concept-page-block .common-other-post a .ttlcomp-01, .common-other-post .concept-page-block a .ttlcomp-01, .concept-page-block .sec-sv p .ttlcomp-01, .sec-sv .concept-page-block p .ttlcomp-01, .concept-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01, .sec-sv .list-sv .concept-page-block .item__cnt .ttlcomp-01 {
      margin-bottom: 27px;
      max-width: 605px;
      width: 100%; }
      .concept-page-block .txt-basic .ttlcomp-01 span.en, .concept-page-block .common-other-post a .ttlcomp-01 span.en, .common-other-post .concept-page-block a .ttlcomp-01 span.en, .concept-page-block .sec-sv p .ttlcomp-01 span.en, .sec-sv .concept-page-block p .ttlcomp-01 span.en, .concept-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.en, .sec-sv .list-sv .concept-page-block .item__cnt .ttlcomp-01 span.en {
        margin-bottom: 14px; }
        @media screen and (max-width: 834px) {
          .concept-page-block .txt-basic .ttlcomp-01 span.en, .concept-page-block .common-other-post a .ttlcomp-01 span.en, .common-other-post .concept-page-block a .ttlcomp-01 span.en, .concept-page-block .sec-sv p .ttlcomp-01 span.en, .sec-sv .concept-page-block p .ttlcomp-01 span.en, .concept-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.en, .sec-sv .list-sv .concept-page-block .item__cnt .ttlcomp-01 span.en {
            margin-bottom: 5px; } }
      .concept-page-block .txt-basic .ttlcomp-01 span.jp, .concept-page-block .common-other-post a .ttlcomp-01 span.jp, .common-other-post .concept-page-block a .ttlcomp-01 span.jp, .concept-page-block .sec-sv p .ttlcomp-01 span.jp, .sec-sv .concept-page-block p .ttlcomp-01 span.jp, .concept-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.jp, .sec-sv .list-sv .concept-page-block .item__cnt .ttlcomp-01 span.jp {
        padding-bottom: 0; }
    .concept-page-block .txt-basic p, .concept-page-block .common-other-post a p, .common-other-post .concept-page-block a p, .concept-page-block .sec-sv p p, .sec-sv .concept-page-block p p, .concept-page-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .concept-page-block .item__cnt p {
      margin-bottom: 30px; }
      @media screen and (max-width: 1200px) {
        .concept-page-block .txt-basic p, .concept-page-block .common-other-post a p, .common-other-post .concept-page-block a p, .concept-page-block .sec-sv p p, .sec-sv .concept-page-block p p, .concept-page-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .concept-page-block .item__cnt p {
          margin-bottom: 15px; } }
      .concept-page-block .txt-basic p:last-of-type, .concept-page-block .common-other-post a p:last-of-type, .common-other-post .concept-page-block a p:last-of-type, .concept-page-block .sec-sv p p:last-of-type, .sec-sv .concept-page-block p p:last-of-type, .concept-page-block .sec-sv .list-sv .item__cnt p:last-of-type, .sec-sv .list-sv .concept-page-block .item__cnt p:last-of-type {
        margin-bottom: 0; }

.proposal-page-block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 100px;
  position: relative;
  align-items: center; }
  .proposal-page-block .img {
    width: 44.79%; }
    @media screen and (max-width: 1024px) {
      .proposal-page-block .img {
        width: 100%;
        margin-bottom: 30px;
        display: flex; } }
    .proposal-page-block .img img {
      width: 100%; }
    @media screen and (max-width: 1024px) {
      .proposal-page-block .img-top {
        width: 50%;
        padding: 0 10px; } }
    .proposal-page-block .img-bottom {
      max-width: 507px;
      margin-top: 5.2vw;
      margin-left: auto;
      margin-right: 0; }
      @media screen and (max-width: 1200px) {
        .proposal-page-block .img-bottom {
          margin-top: 3.2vw; } }
      @media screen and (max-width: 1024px) {
        .proposal-page-block .img-bottom {
          width: 50%;
          padding: 0 10px; } }
  .proposal-page-block .txt-basic, .proposal-page-block .common-other-post a, .common-other-post .proposal-page-block a, .proposal-page-block .sec-sv p, .sec-sv .proposal-page-block p, .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-page-block .item__cnt {
    width: calc(100% - 44.79%);
    padding-left: 5.25vw;
    padding-right: 14vw;
    margin-top: -20px; }
    @media screen and (max-width: 1200px) {
      .proposal-page-block .txt-basic, .proposal-page-block .common-other-post a, .common-other-post .proposal-page-block a, .proposal-page-block .sec-sv p, .sec-sv .proposal-page-block p, .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-page-block .item__cnt {
        padding-left: 5.25vw;
        padding-right: 30px; } }
    @media screen and (max-width: 1024px) {
      .proposal-page-block .txt-basic, .proposal-page-block .common-other-post a, .common-other-post .proposal-page-block a, .proposal-page-block .sec-sv p, .sec-sv .proposal-page-block p, .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-page-block .item__cnt {
        width: 100%;
        padding: 0 15px; } }



.proposal-page-block .txt-basic .ttlcomp-01 {
      margin-bottom: 27px;
      width: 100%; }

    .proposal-page-block .common-other-post a .ttlcomp-01, .common-other-post .proposal-page-block a .ttlcomp-01, .proposal-page-block .sec-sv p .ttlcomp-01, .sec-sv .proposal-page-block p .ttlcomp-01, .proposal-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01, .sec-sv .list-sv .proposal-page-block .item__cnt .ttlcomp-01 {
      margin-bottom: 27px;
      max-width: 520px;
      width: 100%; }
      @media screen and (max-width: 1200px) {
        .proposal-page-block .txt-basic .ttlcomp-01, .proposal-page-block .common-other-post a .ttlcomp-01, .common-other-post .proposal-page-block a .ttlcomp-01, .proposal-page-block .sec-sv p .ttlcomp-01, .sec-sv .proposal-page-block p .ttlcomp-01, .proposal-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01, .sec-sv .list-sv .proposal-page-block .item__cnt .ttlcomp-01 {
          max-width: 100%; } }
      @media screen and (max-width: 1024px) {
        .proposal-page-block .txt-basic .ttlcomp-01, .proposal-page-block .common-other-post a .ttlcomp-01, .common-other-post .proposal-page-block a .ttlcomp-01, .proposal-page-block .sec-sv p .ttlcomp-01, .sec-sv .proposal-page-block p .ttlcomp-01, .proposal-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01, .sec-sv .list-sv .proposal-page-block .item__cnt .ttlcomp-01 {
          margin-bottom: 15px; } }
      .proposal-page-block .txt-basic .ttlcomp-01 span.en, .proposal-page-block .common-other-post a .ttlcomp-01 span.en, .common-other-post .proposal-page-block a .ttlcomp-01 span.en, .proposal-page-block .sec-sv p .ttlcomp-01 span.en, .sec-sv .proposal-page-block p .ttlcomp-01 span.en, .proposal-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.en, .sec-sv .list-sv .proposal-page-block .item__cnt .ttlcomp-01 span.en {
        margin-bottom: 14px; }
      .proposal-page-block .txt-basic .ttlcomp-01 span.jp, .proposal-page-block .common-other-post a .ttlcomp-01 span.jp, .common-other-post .proposal-page-block a .ttlcomp-01 span.jp, .proposal-page-block .sec-sv p .ttlcomp-01 span.jp, .sec-sv .proposal-page-block p .ttlcomp-01 span.jp, .proposal-page-block .sec-sv .list-sv .item__cnt .ttlcomp-01 span.jp, .sec-sv .list-sv .proposal-page-block .item__cnt .ttlcomp-01 span.jp {
        padding-bottom: 0; }
    .proposal-page-block .txt-basic p, .proposal-page-block .common-other-post a p, .common-other-post .proposal-page-block a p, .proposal-page-block .sec-sv p p, .sec-sv .proposal-page-block p p, .proposal-page-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .proposal-page-block .item__cnt p {
      margin-bottom: 30px; }
      @media screen and (max-width: 1200px) {
        .proposal-page-block .txt-basic p, .proposal-page-block .common-other-post a p, .common-other-post .proposal-page-block a p, .proposal-page-block .sec-sv p p, .sec-sv .proposal-page-block p p, .proposal-page-block .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .proposal-page-block .item__cnt p {
          margin-bottom: 15px; } }
      .proposal-page-block .txt-basic p:last-of-type, .proposal-page-block .common-other-post a p:last-of-type, .common-other-post .proposal-page-block a p:last-of-type, .proposal-page-block .sec-sv p p:last-of-type, .sec-sv .proposal-page-block p p:last-of-type, .proposal-page-block .sec-sv .list-sv .item__cnt p:last-of-type, .sec-sv .list-sv .proposal-page-block .item__cnt p:last-of-type {
        margin-bottom: 0; }

.box-proposal {
  padding-left: 80px;
  padding-right: 65px;
  margin-bottom: 72px; }
  @media screen and (max-width: 1024px) {
    .box-proposal {
      padding: 0 50px; } }
  .box-proposal-page {
    margin-bottom: -5.6vw; }
    @media screen and (max-width: 1460px) {
      .box-proposal-page {
        margin-bottom: -4.2vw; } }
    .box-proposal-page img {
      padding-left: 75px;
      padding-right: 70px; }

.proposal-block {
  display: flex;
  flex-wrap: wrap;
justify-content: space-between;
}

.proposal-block .item:nth-child(2){
    margin-top: 40px;
    
}

.proposal-block .item:last-child{
    margin-top: 80px;
}

.proposal-block .item{
    width: calc(100% / 3);
}
    
      @media screen and (max-width: 1024px) {
        .proposal-block .item:nth-child(3) {
          margin-top: 120px; } }
    .proposal-block .item__info {
      padding-top: 5vw;
      padding-left: 4.9vw;
      padding-right: 3.15vw;
      position: relative; }
      
      .proposal-block .item__info .number {
        font-family: "Ubuntu", sans-serif;
        font-weight: 500;
        font-size: 13vw;
        line-height: 1;
        color: #f5f5f5;
        position: absolute;
        top: 9px;
        left: -13px;
        letter-spacing: 11px;
        z-index: -1; }
        @media screen and (max-width: 1460px) {
          .proposal-block .item__info .number {
            top: -12px; } }
        @media screen and (max-width: 1024px) {
          .proposal-block .item__info .number {
            top: 0;
            letter-spacing: 0;
            left: -8px; } }
      .proposal-block .item__info .txt-basic, .proposal-block .item__info .common-other-post a, .common-other-post .proposal-block .item__info a, .proposal-block .item__info .sec-sv p, .sec-sv .proposal-block .item__info p, .proposal-block .item__info .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .proposal-block .item__info .item__cnt {
        margin-bottom: 32px; }
      .proposal-block .item__info .btn {
        margin-left: 0;
        margin-right: auto; }

.case-stady-block {
  padding-top: 90px;
  padding-bottom: 100px;
  position: relative; }
  @media screen and (max-width: 1200px) {
    .case-stady-block {
      padding-top: 40px;
      padding-bottom: 50px; } }
  .case-stady-block:after {
    content: "";
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 60px;
    right: 60px;
    bottom: 0;
    margin: 0 auto;
    background: #f5f5f5;
    z-index: -1; }

  .case-stady-block .ttlcomp-01 {
    margin-bottom: 87px; }
    @media screen and (max-width: 1460px) {
      .case-stady-block .ttlcomp-01 {
        padding-left: 50px; } }
    @media screen and (max-width: 1200px) {
      .case-stady-block .ttlcomp-01 {
        margin-bottom: 40px; } }

.list-case .item {
  margin-bottom: 100px;
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 1024px) {
    .list-case .item {
      margin-bottom: 50px; } }
  .list-case .item__img {
    width: 50%; }
    @media screen and (max-width: 1024px) {
      .list-case .item__img {
        width: 100%; } }
  .list-case .item__info {
    width: 50%; }
    @media screen and (max-width: 1460px) {
      .list-case .item__info {
        padding-left: 50px;
        padding-right: 50px; } }
    @media screen and (max-width: 1024px) {
      .list-case .item__info {
        padding-left: 30px;
        width: 100%; } }
    .list-case .item__info .wp {
      max-width: 630px;
      padding-right: 30px;
      width: 100%;
      margin-left: 5.3vw;
      padding-left: 5vw;
      padding-top: 3vw;
      position: relative; }
      @media screen and (max-width: 1024px) {
        .list-case .item__info .wp {
          max-width: 100%;
          padding-top: 5vw;
          margin-left: 20px; } }
    .list-case .item__info .number {
      font-family: "Ubuntu", sans-serif;
      font-weight: 500;
      font-size: 13vw;
      line-height: 1;
      color: #fff;
      position: absolute;
      top: -42px;
      left: -13px;
      letter-spacing: 11px; }
      @media screen and (max-width: 1460px) {
        .list-case .item__info .number {
          top: -25px; } }
      @media screen and (max-width: 1024px) {
        .list-case .item__info .number {
          top: 0;
          letter-spacing: 0;
          left: -8px; } }
    .list-case .item__info .txt-basic, .list-case .item__info .common-other-post a, .common-other-post .list-case .item__info a, .list-case .item__info .sec-sv p, .sec-sv .list-case .item__info p, .list-case .item__info .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .list-case .item__info .item__cnt {
      margin-bottom: 32px;
      position: relative;
      z-index: 2; }
    .list-case .item__info .btn {
      margin-left: 0;
      margin-right: auto; }
  .list-case .item:nth-child(odd) .item__img {
    order: 2; }
    @media screen and (max-width: 1024px) {
      .list-case .item:nth-child(odd) .item__img {
        order: 1; } }
  .list-case .item:nth-child(odd) .item__info {
    order: 1; }
    @media screen and (max-width: 1024px) {
      .list-case .item:nth-child(odd) .item__info {
        order: 2; } }
    .list-case .item:nth-child(odd) .item__info .wp {
      margin-right: 3.5vw; }
      @media screen and (min-width: 1025px) {
        .list-case .item:nth-child(odd) .item__info .wp {
          margin-left: auto; } }
  .list-case .item:last-of-type {
    margin-bottom: 0; }

.sec-company {
  padding: 0 0; }

.company-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -2.1354166667vw; }
  .company-list .item {
    width: 33.333%;
    padding: 0 2.1354166667vw;
    margin-bottom: 7px; }
    .company-list .item a {
      display: block;
      position: relative;
      font-weight: 500;
      color: #333;
      padding: 4.6875vw 4.6875vw 4.6875vw 6px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.66533;
      border-top: 2px solid #dedede;
      letter-spacing: 1.2px; }
      @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
        .company-list .item a {
          padding: 14% 14% 14% 6px; } }
      .company-list .item a:before {
        content: "";
        width: 85px;
        height: 2px;
        background: #333;
        position: absolute;
        top: -2px;
        left: 0; }
      .company-list .item a:after {
        content: "";
        width: 5px;
        height: 11px;
        background: url("../img/common/arrow-link.png") no-repeat;
        position: absolute;
        right: 2.7083333333vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .company-list .item a * {
        position: relative;
        z-index: 2; }
      .company-list .item a .status {
        display: block;
        text-transform: uppercase;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        z-index: 1;
        line-height: 1;
        font-size: 12.1875vw;
        color: #f5f5f5;
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease; }
      .company-list .item a:hover {
        opacity: 1; }
        .company-list .item a:hover .status {
          color: #fff004; }

.corporate-block {
  background: #f5f5f5;
  margin-bottom: 100px; }
  .corporate-block .wp-inner {;
    margin: 0 120px; }
  .corporate-block .item {
    display: flex;
    flex-wrap: wrap;
    padding: 4.5vw 0 4.7vw 0;
    border-top: 1px solid #d6d6d6; }
    .corporate-block .item .info {
      width: 100%;
      padding-right: 0; }
    .corporate-block .item-ttl {
      font-size: 28px;
      font-size: 2.8rem;
      font-weight: 500;
      margin-bottom: 34px;
      line-height: 1.9;
      letter-spacing: 2.5px; }
    .corporate-block .item .txt-basic, .corporate-block .item .common-other-post a, .common-other-post .corporate-block .item a, .corporate-block .item .sec-sv p, .sec-sv .corporate-block .item p, .corporate-block .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .corporate-block .item .item__cnt {
      letter-spacing: 1px; }
      .corporate-block .item .txt-basic p, .corporate-block .item .common-other-post a p, .common-other-post .corporate-block .item a p, .corporate-block .item .sec-sv p p, .sec-sv .corporate-block .item p p, .corporate-block .item .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .corporate-block .item .item__cnt p {
        margin-bottom: 30px; }
        .corporate-block .item .txt-basic p:last-of-type, .corporate-block .item .common-other-post a p:last-of-type, .common-other-post .corporate-block .item a p:last-of-type, .corporate-block .item .sec-sv p p:last-of-type, .sec-sv .corporate-block .item p p:last-of-type, .corporate-block .item .sec-sv .list-sv .item__cnt p:last-of-type, .sec-sv .list-sv .corporate-block .item .item__cnt p:last-of-type {
          margin-bottom: 0; }
    .corporate-block .item-img .info {
      width: calc(100% - 18.08%); }
    .corporate-block .item-img .img {
      width: 18.08%;
      margin-top: 14px; }
    .corporate-block .item:nth-child(odd) .info {
      order: 2;
      padding-right: 0;
      padding-left: 5vw; }
    .corporate-block .item:nth-child(odd) .img {
      order: 1; }
    .corporate-block .item:nth-child(even) .info {
      padding-right: 5.2vw; }
    .corporate-block .item:first-of-type {
      border-top: none; }
      .corporate-block .item:first-of-type .info {
        padding-left: 0; }
  .corporate-block--style02 .item:first-of-type .info {
    order: 1;
    padding-right: 100px; }
  .corporate-block--style02 .item:first-of-type .img {
    order: 2; }
  .corporate-block--style02 .item-vision .info {
    padding-right: 0 !important; }

.txt-sign {
  display: block;
  text-align: right;
  margin-top: 30px;
  margin-right: -55px;
  letter-spacing: 2px; }
  @media screen and (max-width: 1460px) {
    .txt-sign {
      margin-right: 15px; } }

.history-block {
  background: #f5f5f5;
  padding: 49px 15px 95px; }

.time-line {
  display: block;
  position: relative;
  margin-bottom: 89px; }
  .time-line .line {
    width: 2px;
    background: #d6d6d6;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .time-line .items {
    position: relative;
    z-index: 1;
    margin-bottom: 46px; }
    .time-line .items:last-child {
      margin-bottom: 0; }
      .time-line .items:last-child .year-note .item:last-child {
        position: relative; }
        .time-line .items:last-child .year-note .item:last-child .note:after {
          content: ""; }
    .time-line .items .year .ttl {
      display: block;
      text-align: center;
      font-weight: 500;
      font-size: 50px;
      font-size: 5rem;
      line-height: 1;
      background: #f5f5f5;
      letter-spacing: 4.5px;
      position: relative;
      padding: 46px 0;
      margin-bottom: 47px; }
    .time-line .items .year-note.right .item {
      justify-content: flex-end; }
      .time-line .items .year-note.right .item:nth-child(even) {
        justify-content: flex-start; }
        .time-line .items .year-note.right .item:nth-child(even) .note {
          padding: 0 40px 0 0;
          text-align: right; }
          .time-line .items .year-note.right .item:nth-child(even) .note:before {
            left: auto;
            right: -11px; }
          .time-line .items .year-note.right .item:nth-child(even) .note p {
            justify-content: flex-end; }
            .time-line .items .year-note.right .item:nth-child(even) .note p span.month {
              margin: 0 0 0 15px; }
    .time-line .items .year-note.left .item {
      justify-content: flex-start; }
      .time-line .items .year-note.left .item .note {
        padding: 0 40px 0 0;
        position: relative;
        text-align: right; }
        .time-line .items .year-note.left .item .note img {
          max-height: 118px; }
        .time-line .items .year-note.left .item .note:before {
          left: auto;
          right: -11px; }
        .time-line .items .year-note.left .item .note p {
          justify-content: flex-end; }
          .time-line .items .year-note.left .item .note p span.month {
            margin: 0 0 0 15px; }
      .time-line .items .year-note.left .item:nth-child(even) {
        justify-content: flex-end; }
        .time-line .items .year-note.left .item:nth-child(even) .note {
          text-align: left;
          padding: 0 0 0 40px; }
          .time-line .items .year-note.left .item:nth-child(even) .note:before {
            top: 5px;
            left: -11px;
            right: auto; }
          .time-line .items .year-note.left .item:nth-child(even) .note p {
            justify-content: flex-start; }
            .time-line .items .year-note.left .item:nth-child(even) .note p span.month {
              margin: 0 15px 0 0; }
    .time-line .items .year-note .item {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 82px; }
      .time-line .items .year-note .item:last-child {
        margin-bottom: 0; }
      .time-line .items .year-note .item .note {
        width: 50%;
        padding: 0 0 0 40px;
        position: relative; }
        .time-line .items .year-note .item .note img {
          max-height: 118px;
          margin-bottom: 21px; }
        .time-line .items .year-note .item .note:before {
          content: "";
          width: 22px;
          height: 22px;
          background: url(../img/company/history/dost.png) no-repeat;
          background-size: 100%;
          position: absolute;
          top: 5px;
          left: -11px; }
        .time-line .items .year-note .item .note p {
          display: flex;
          flex-wrap: wrap; }
          .time-line .items .year-note .item .note p span {
            display: block; }
            .time-line .items .year-note .item .note p span.month {
              margin: 0 15px 0 0; }

.sec-history {
  padding-bottom: 100px; }

.summary-block {
  margin-bottom: 105px; }
  .summary-block table {
    width: 100%;
    border: 1px solid #dedede;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    font-weight: 500;
    line-height: 2.1; }
    .summary-block table tr {
      vertical-align: top; }
      .summary-block table tr th {
        width: 24.18%;
        background: #f8f8f8;
        border-right: 1px solid #dedede;
        border-bottom: 1px solid #dedede;
        padding: 25px 0 30px 50px;
        vertical-align: top; }
      .summary-block table tr td {
        width: calc(100% - 24.18%);
        border-bottom: 1px solid #dedede;
        padding: 25px 0 30px 48px;
        font-weight: 700; }

.intro-data-block {
  padding-bottom: 43px;
  border-bottom: 1px solid #d6d6d6; }
  .intro-data-block .ttl-data {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 2.5px;
    margin-bottom: 26px; }

.chart-block {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 6.4583333333vw; }
  .chart-block .item {
    width: 50%;
    border-bottom: 1px solid #d6d6d6;
    border-top: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    padding-top: 6.1458333333vw;
    padding-bottom: 6.1458333333vw; }
    .chart-block .item-wp {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      padding: 0 60px;
      margin-bottom: 15px; }
      .chart-block .item-wp .img {
        width: 50%;
        text-align: right !important; }
    .chart-block .item .info {
      width: 100%;
      margin-bottom: 17px;
      text-align: center; }
      
        
      .chart-block .item .info span {
        font-size: 25px;
        font-size: 2.5rem;
        display: block; }
        @media screen and (max-width: 1024px) {
          .chart-block .item .info span {
            font-size: 20px;
            font-size: 2rem; } }
      .chart-block .item .info strong {
        font-size: 90px;
        font-size: 9rem;
        display: block; }
        @media screen and (max-width: 1460px) {
          .chart-block .item .info strong {
            font-size: 6vw; } }
      .chart-block .item .info small {
        font-size: 15px;
        font-size: 1.5rem;
        letter-spacing: 0;
        display: block;
        position: relative;
        top: -8px; }
    .chart-block .item .img {
      text-align: center;
      margin-bottom: 23px; }

    .chart-block .item-full {
      width: 100%;
      border-right: none;
      border-bottom: none;
      border-top: none;
      padding-top: 28px;
      padding-bottom: 5.9375vw;
      padding-right: 0 !important; }
      .chart-block .item-full .info {
        width: 50%;
        padding-left: 5vw;
        text-align: left; }
        .chart-block .item-full .info-wp {
          display: inline-block;
          text-align: center;
          font-weight: 600;
          letter-spacing: 1.5px;
          position: relative;
          top: 13px; }
      .chart-block .item-full .img {
        margin-bottom: 0; }
      .chart-block .item-full .txt-basic, .chart-block .item-full .common-other-post a, .common-other-post .chart-block .item-full a, .chart-block .item-full .sec-sv p, .sec-sv .chart-block .item-full p, .chart-block .item-full .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .chart-block .item-full .item__cnt {
        letter-spacing: 1px; }
      .chart-block .item-full--style02 {
        padding-top: 5.2083333333vw;
        padding-bottom: 3.5416666667vw; }
        .chart-block .item-full--style02 .item-wp {
          margin-bottom: 0;
          padding-left: 5.1041666667vw; }
        .chart-block .item-full--style02 .img {
          text-align: left !important; }
    .chart-block .item:nth-child(n + 2) {
      padding-right: 5.2083333333vw; }
      @media screen and (max-width: 1460px) {
        .chart-block .item:nth-child(n + 2) {
          padding-left: 5.2083333333vw; } }
    .chart-block .item:nth-child(3n) {
      padding-left: 4.9479166667vw;
      padding-right: 0;
      border-right: none; }
      @media screen and (max-width: 1460px) {
        .chart-block .item:nth-child(3n) {
          padding-right: 4.9479166667vw; } }

.sec-mv-page .mv-wp {
  position: relative; }
  .sec-mv-page .mv-wp:after {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.36);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%; }
  .sec-mv-page .mv-wp .ttlcomp-01 {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    color: #fff;
    z-index: 2; }
    .sec-mv-page .mv-wp .ttlcomp-01 span.jp {
      padding-bottom: 0; }

.sec-work-onjun {
  padding-bottom: 67px; }

.work-onjun-block .company-box {
  padding: 64px 0;
  border-bottom: 1px solid #dedede; }
  .work-onjun-block .company-box:first-of-type {
    border-top: none; }
  .work-onjun-block .company-box__ttl {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    margin-bottom: 28px; }
  .work-onjun-block .company-box .list-company {
    display: flex;
    flex-wrap: wrap; }
    .work-onjun-block .company-box .list-company .col {
      padding-right: 15px; }
      .work-onjun-block .company-box .list-company .col:nth-child(3n + 1) {
        width: 35.36%; }
      .work-onjun-block .company-box .list-company .col:nth-child(3n + 2) {
        width: 34.29%; }
      .work-onjun-block .company-box .list-company .col:nth-child(3n + 3) {
        width: calc(100% - 35.36% - 34.29%); }
      .work-onjun-block .company-box .list-company .col ul li {
        font-size: 15px;
        font-size: 1.5rem;
        line-height: 1.7;
        font-weight: 500;
        letter-spacing: 1.5px; }
        .work-onjun-block .company-box .list-company .col ul li a {
          color: #333; }

.sec-works-officedesign {
  padding: 100px 0 0 0; }
  .sec-works-officedesign-heading .navs-page {
    margin-bottom: 28px; }
  

.slider-office {
  position: relative;
  margin-bottom: 100px; }
  .slider-office .txt-works {
    width: 100%;
    position: absolute;
    top: -9%;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .slider-office .slider-for .item {
    outline: 0; }
  .slider-office .slider-nav {
    max-width: 1120px;
    margin: auto;
    width: 100%;
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0; }
    @media screen and (max-width: 1024px) {
      .slider-office .slider-nav {
        bottom: -20px; } }
    .slider-office .slider-nav .slick-list {
      padding: 0 !important; }
    .slider-office .slider-nav .slick-track {
      transform: translate3d(0, 0px, 0px) !important; }
    .slider-office .slider-nav .item {
      padding: 0 2px;
      outline: 0;
      cursor: pointer;
      transition: 0.3s ease all;}
      .slider-office .slider-nav .item:hover {
        opacity: 0.7;
        transition: 0.3s ease all; }
      .slider-office .slider-nav .item:last-of-type {
        margin-right: 0; }

.works-office-intro {
  margin-bottom: 56px; }
  .works-office-intro .ttlcomp-04 small {
    margin-bottom: 16px; }
  .works-office-intro .ttlcomp-04 span {
    letter-spacing: 2.5px; }

.client-block-page {
  margin-bottom: 56px; }
  .client-block-page .client-block-content .box-partner {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 1.5px; }
    .client-block-page .client-block-content .box-partner a {
      font-size: 15px;
      font-size: 1.5rem;
      letter-spacing: 1.8px;
      color: #3c6aff;
      text-decoration: underline;
      position: relative;
      display: inline-block; }
      @media screen and (min-width: 835px) {
        .client-block-page .client-block-content .box-partner a.underline-other {
          text-decoration: none; }
          .client-block-page .client-block-content .box-partner a.underline-other:after {
            content: "";
            position: absolute;
            bottom: -3px;
            left: 0;
            right: 0;
            height: 1px;
            background: #9db4ff; } }
  .client-block-page .client-block-content .txt-basic p, .client-block-page .client-block-content .common-other-post a p, .common-other-post .client-block-page .client-block-content a p, .client-block-page .client-block-content .sec-sv p p, .sec-sv .client-block-page .client-block-content p p, .client-block-page .client-block-content .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .client-block-page .client-block-content .item__cnt p {
    margin-bottom: 32px; }
    .client-block-page .client-block-content .txt-basic p:last-of-type, .client-block-page .client-block-content .common-other-post a p:last-of-type, .common-other-post .client-block-page .client-block-content a p:last-of-type, .client-block-page .client-block-content .sec-sv p p:last-of-type, .sec-sv .client-block-page .client-block-content p p:last-of-type, .client-block-page .client-block-content .sec-sv .list-sv .item__cnt p:last-of-type, .sec-sv .list-sv .client-block-page .client-block-content .item__cnt p:last-of-type {
      margin-bottom: 0; }

.services-block {
  margin-bottom: 48px; }
  .services-block-content .btn {
    display: inline-block;
    margin-right: 12px;
    margin-bottom: 15px; }
    @media screen and (max-width: 1024px) {
      .services-block-content .btn {
        margin-right: 10px;
        margin-bottom: 10px; } }
    .services-block-content .btn:last-of-type {
      margin-right: 0; }

.search-block {
  margin-bottom: 30px; }
  .search-block-content {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -30px; }
    @media screen and (max-width: 1024px) {
      .search-block-content {
        margin: 0 -15px; } }
    .search-block-content .item {
      width: 50%;
      padding: 0 30px;
      margin-bottom: 23px; }
      @media screen and (max-width: 1024px) {
        .search-block-content .item {
          padding: 0 15px; } }
      .search-block-content .item p {
        font-size: 15px;
        font-size: 1.5rem;
        font-weight: bold;
        margin-bottom: 20px;
        letter-spacing: 1.5px; }
      .search-block-content .item span {
        margin-right: 12px;
        margin-bottom: 10px; }
        @media screen and (max-width: 1200px) {
          .search-block-content .item span {
            margin-right: 10px; } }

.people-block {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -34px; }
  @media screen and (max-width: 1024px) {
    .people-block {
      margin: 0 -15px; } }
  .people-block .item {
    width: 50%;
    padding: 0 34px;
    margin-bottom: 65px; }
    @media screen and (max-width: 1024px) {
      .people-block .item {
        padding: 0 15px;
        margin-bottom: 30px; } }
    .people-block .item .wp {
      display: flex;
      flex-wrap: wrap;
      border-bottom: 1px solid #dedede;
      position: relative; }
      .people-block .item .wp:after {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #fff;
        position: absolute;
        top: 0;
        right: 0; }
    .people-block .item-main {
      width: 100%;
      border-top: 1px solid #dedede;
      padding: 40px 0 33px 40px;
        }
      @media screen and (max-width: 1200px) {
        .people-block .item-main {
          padding-left: 0; } }
      .people-block .item-main .wp {
        align-items: center;
        border-bottom: none;
        margin-bottom: 30px; }
        .people-block .item-main .wp .img {
          width: 49.52%; }
          @media screen and (max-width: 1024px) {
            .people-block .item-main .wp .img {
              margin: 0 auto 30px; } }
        .people-block .item-main .wp .personal {
          width: calc(100% - 49.52%);
          padding-left: 40px; }
          @media screen and (max-width: 1024px) {
            .people-block .item-main .wp .personal {
              width: 100%;
              padding-left: 0;
              text-align: center; } }
      .people-block .item-main .txt-basic, .people-block .item-main .common-other-post a, .common-other-post .people-block .item-main a, .people-block .item-main .sec-sv p, .sec-sv .people-block .item-main p, .people-block .item-main .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .people-block .item-main .item__cnt {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2.3;
        padding-right: 18px;
        text-align: justify; }
.city{
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 2.3;
    font-weight: 500;
}
    .people-block .item-sub {
        width: 100%;
          border-top: 1px solid #dedede;
      padding: 34px 30px 30px 40px; }
  .people-block .personal .position {
    display: block;
    font-family: "Ubuntu", sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    font-weight: 500;
    margin-bottom: 19px;
    letter-spacing: 1.1px; }
  .people-block .personal .name span {
    display: block; }
    .people-block .personal .name span.en {
      font-family: "Ubuntu", sans-serif;
      font-size: 20px;
      font-size: 2rem;
      font-weight: 500;
      margin-bottom: 9px;
      letter-spacing: 2px; }
      @media screen and (max-width: 1024px) {
        .people-block .personal .name span.en {
          letter-spacing: 1px;
          font-size: 18px;
          font-size: 1.8rem; } }
    .people-block .personal .name span.jp{
      font-size: 11px;
      font-size: 1.1rem;
      font-weight: 500;
      letter-spacing: 1px; }

.mv-wp {
  position: relative; }
  .mv-wp img {
    width: 100%; }
  .mv-wp .mv-detail {
    max-width: 1430px;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    color: white;
    line-height: 2.333;
    z-index: 1;
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    padding: 0 15px;
    font-weight: 500; }
    @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
      .mv-wp .mv-detail {
        width: 1430px; } }
@media screen and (max-width: 1460px) and (-ms-high-contrast: active) {
  .mv-wp .mv-detail {
    width: 100%; } }

    .mv-wp .mv-detail span {
      display: block; }
    .mv-wp .mv-detail .other {
      display: inline-block;
      font-size: 25px;
      font-size: 2.5rem;
      line-height: 1.36; }
    .mv-wp .mv-detail .note {
      letter-spacing: 2px;
      margin-bottom: 14px;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.4; }
    .mv-wp .mv-detail .ttl {
      letter-spacing: 3.5px;
      font-size: 40px;
      font-size: 4rem;
      line-height: 1.4;
      margin-bottom: 14px; }

.works-list-item {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
justify-content: space-between;}
  @media screen and (max-width: 1200px) {
    .works-list-item {
      margin: 0 -10px; } }
  .works-list-item .item {
    width: 31.5%;
    padding: 0 0;
    margin-bottom: 43px; }
    @media screen and (max-width: 1200px) {
      .works-list-item .item {
        padding: 0 10px; } }
    .works-list-item .item a {
      display: block;
      transition: ease 0s;
      opacity: 1;
      outline: none !important; }
      .works-list-item .item a .txt {
        color: #333; }
    .works-list-item .item .img {
      position: relative;
      margin-bottom: 20px; }
      @media screen and (max-width: 1024px) {
        .works-list-item .item .img {
          margin-bottom: 15px; } }
      .works-list-item .item .img:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(51, 51, 51, 0.8); }
      .works-list-item .item .img .note-detail {
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: white;
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 1.830;
        z-index: 1;
        padding: 16px 60px 0; }
        .works-list-item .item .img .note-detail .ttl {
          display: block;
          overflow: hidden;
          font-weight: 500;
          letter-spacing: 1.6px;
          margin-bottom: 17px; }
          .works-list-item .item .img .note-detail .ttl span {
            display: inline-block;
            position: relative;
            font-size: 14px;
            font-size: 1.4rem;
            padding-right: 18px; }
            .works-list-item .item .img .note-detail .ttl span:after {
              content: "";
              width: 500px;
              height: 1px;
              background: #757472;
              position: absolute;
              left: 100%;
              top: 46%; }
        .works-list-item .item .img .note-detail p {
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: 500;
          line-height: 1.6; }
        .works-list-item .item .img .note-detail table {
          width: 100%; }
          .works-list-item .item .img .note-detail table tr th {
            width: 45px; }
          .works-list-item .item .img .note-detail table tr td {
            padding-left: 0; }
          .works-list-item .item .img .note-detail table tr td, .works-list-item .item .img .note-detail table tr th {
            vertical-align: top; }
      .works-list-item .item .img:after, .works-list-item .item .img .note-detail {
        -webkit-backface-visibility: hidden;
        -webkit-transition: all .3s ease;
        -moz-transition: all .3s ease;
        -ms-transition: all .3s ease;
        -o-transition: all .3s ease;
        transition: all .3s ease;
        opacity: 0;
        visibility: hidden; }
    .works-list-item .item .txt {
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: 500;
      letter-spacing: 1px;
      line-height: 1.85; }
      .works-list-item .item .txt .ttl {
        display: block;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 4px; }
    .works-list-item .item:hover .img:after, .works-list-item .item:hover .img .note-detail {
      opacity: 1;
      visibility: visible; }

.sec-works-award-data {
  padding: 0 0 100px; }
  @media screen and (min-width: 835px) {
    .sec-works-award-data .navs-page {
      margin-bottom: 70px; } }

.sec-works-list {
  padding: 0 0; }

.shBn{
    padding: 0 0 100px 0;
}

.works-award__box {
  background: #f5f5f5;
  padding: 82px 15px 83px;
    margin-bottom: 100px;
  display: none; }
.works-award__item {
  width: 100%;
  max-width: 1262px;
  margin: 0 auto 20px;
  display: flex;
  align-items: flex-start; }
  .works-award__item:last-child {
    margin-bottom: 0; }
.works-award__ttl {
  width: 17.1%;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #333333;
  padding: 49px 10px 0 2px;
  letter-spacing: 1.5px; }
.works-award__list {
  width: 82.9%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin-bottom: -1px; }
  .works-award__list .item {
    padding: 0 0.5px;
    margin-bottom: 1px;
    width: 20%; }
    .works-award__list .item .wrap {
      display: block;
      width: 100%;
      height: 100%;
      background: #333333;
      color: white;
      text-align: center;
      font-size: 12px;
      font-size: 1.2rem;
      font-weight: bold; }
    .works-award__list .item .img img {
      display: block;
      width: 100%; }
    .works-award__list .item .ttl {
      padding: 7px 5px 11px; }

.download-content {
  margin: 0 auto;
  background: #f5f5f5; }

.contact-page-flex {
  display: flex;
  padding: 100px 120px 100px;
  margin: 0 auto; }
.contact-page-img {
  width: 43%; }
  .contact-page-img img {
    width: 100%; }
.contact-page-content {
  width: 57%;
  padding-left: 95px; }
  @media screen and (max-width: 1460px) {
    .contact-page-content {
      padding-left: 40px; } }
  .contact-page-content .cate-date {
    margin-bottom: 29px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #333;
    font-size: 13px;
    font-size: 1.3rem; }
    .contact-page-content .cate-date span {
      display: inline-block;
      background: #fff004;
      padding: 6px 17px;
      border-radius: 20px;
      margin-right: 13px;
      font-size: 10px;
      font-size: 1rem; }
  .contact-page-content .ttlcomp-01 {
    margin-bottom: 30px; }
    .contact-page-content .ttlcomp-01 .jp {
      padding-bottom: 0; }
.contact-page-desc {
  color: #333333;
  font-weight: bold;
  margin-bottom: 23px;
  letter-spacing: 2.8px;
  font-size: 22px;
  font-size: 2.2rem; }
.contact-page-list li {
  display: flex;
  width: 100%;
  margin-bottom: 7px;
  font-weight: bold;}
  .contact-page-list li span {
    display: inline-block; }
    .contact-page-list li span:nth-child(1) {
      width: 25px;
      height: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background: #333333;
      font-family: "Ubuntu", sans-serif;
      border-radius: 50%;
      font-size: 10px;
      font-size: 1rem; }
    .contact-page-list li span:nth-child(2) {
      width: calc(100% - 25px);
      padding-left: 10px;
      letter-spacing: 1.6px;
      padding-top: 2px;
      font-size: 15px;
      font-size: 1.5rem; }

.contact-form {
  padding: 68px 0 63px; }

.contact-form__content dl {
  display: flex;
  align-items: flex-start;
  margin-bottom: 39px;
  padding-bottom: 39px;
  border-bottom: 1px solid #dddddd; }
  .contact-form__content dl dt, .contact-form__content dl dd {
    color: #333333;
    line-height: 1.66;
    font-size: 15px;
    font-size: 1.5rem; }
  .contact-form__content dl dt {
    width: 27.5%;
    display: flex;
    letter-spacing: 1px;
    align-items: center;
    justify-content: space-between; }
    @media screen and (max-width: 1460px) {
      .contact-form__content dl dt {
        padding-left: 15px; } }
    .contact-form__content dl dt span {
      width: 58px;
      height: 38px;
      display: flex;
      padding: 5px;
      justify-content: center;
      align-items: center;
      border-radius: 4px;
      color: #333333;
      font-size: 13px;
      font-size: 1.3rem; }
      .contact-form__content dl dt span.required {
        background: #fff004; }
      .contact-form__content dl dt span.any {
        background: #cdcdcd;
        color: #fff; }
      .contact-form__content dl dt span.confirm {
        background: #333333;
        color: #fff; }
  .contact-form__content dl dd {
    width: 72.5%;
    padding-left: 40px; }
    .contact-form__content dl dd p {
      color: #323333;
      max-width: 770px;
      width: 100%;
      line-height: 1.66;
      border-radius: 5px;
      padding: 7px 0;
      font-size: 15px;
      font-size: 1.5rem; }
      .contact-form__content dl dd p.textarea {
        padding-top: 20px;
        min-height: 280px; }

.input, .textarea {
  box-shadow: none;
  outline: none;
  width: 100%;
  border-radius: 3px;
  border: 0;
  height: 38px;
  padding: 3px 22px 5px;
  color: #323333;
  background: #f3f3f3;
  max-width: 770px;
  font-size: 15px;
  font-size: 1.5rem; }
  .input::placeholder, .textarea::placeholder {
    color: #999999; }

.textarea {
  height: 280px;
  padding: 20px 22px;
  resize: none; }

.input-error {
  background: #f2cac9; }

.checkbox {
  display: block;
  text-align: center;
  padding-top: 25px;
  padding-left: 38px;
  letter-spacing: 1.3px;
  font-size: 15px;
  font-size: 1.5rem; }
  .checkbox input {
      display: inline-block;
    margin-right: 5px; }
  .checkbox a {
    color: #1936e6;
    border-bottom: 1px solid #1936e6;
    display: inline-block;
    padding-bottom: 6px; }

#ckerror1-error{
    text-align: center;
    
}
.error {
  display: block;
  color: #d61418;
    margin-bottom: 5px;
  padding-left: 21px;
  letter-spacing: 1.3px;
  font-size: 15px;
  font-size: 1.5rem; }
  .error.error-textarea {
    margin-top: 13px; }

.btn-contact {
  background: #333333;
  font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 500;
  text-align: center;
  color: #fff;
  height: 126px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  border: 0;
  outline: none;
  box-shadow: none;
  max-width: 948px;
  width: 100%;
  margin: 40px auto 0;
  position: relative;
  cursor: pointer;
  transition: all 0.3s;
  font-size: 24px;
  font-size: 2.4rem; }
  .btn-contact:hover {
    transition: all 0.3s;
    opacity: 0.7; }
  .btn-contact:after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    position: absolute;
    top: 50%;
    right: 63px;
    transform: translateY(-50%) rotate(45deg); }

.back {
  border: 0;
  box-shadow: none;
  outline: none;
  background: none;
  cursor: pointer;
  margin-top: 26px;
  letter-spacing: 1.2px;
  color: #323333;
  text-decoration: underline;
  font-size: 15px;
  font-size: 1.5rem; }

.sec-thankyou {
  padding-bottom: 65px; }
  .sec-thankyou .ttlcomp-01 {
    margin-bottom: 38px; }
    .sec-thankyou .ttlcomp-01 .jp {
      padding-bottom: 0; }
  .sec-thankyou .txt-thanks {
    margin-bottom: 47px;
    line-height: 1.66;
    color: #333;
    font-size: 15px;
    font-size: 1.5rem; }
  .sec-thankyou .btn {
    margin: 0 auto;
    max-width: 280px; }
    .sec-thankyou .btn:after {
      display: none; }

.sec-contactus .ttlcomp-01 {
  margin-bottom: 60px; }
  .sec-contactus .ttlcomp-01 .jp {
    padding-bottom: 0; }

.contactus-txt {
  color: #333;
  line-height: 1.66;
  border: 1px solid #dddddd;
  border-radius: 4px;
  max-width: 948px;
  padding: 44px 15px;
  letter-spacing: 1px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 21px;
  font-size: 15px;
  font-size: 1.5rem; }

.layout {
  display: flex; }
  .layout-l {
    width: 100%;
    padding-right: 4.286%; }
  .layout-r {
    width: 350px; }

.sec-news-release {
  padding-bottom: 21px; }

.entry-date {
  display: flex;
  align-items: center;
  min-height: 25px;
  font-family: "Ubuntu", sans-serif;
  font-weight: 500;
  font-size: 13px;
  font-size: 1.3rem;
  margin-bottom: 14px; }
  .entry-date span {
    color: #ffffff;
    background-color: #fd2933;
    border-radius: 12.5px;
    font-size: 10px;
    font-size: 1rem;
    padding: 6px 16px 5px;
    margin-right: 14px; }

.entry-label {
  padding-left: 30px;
  position: relative;
  font-weight: 500;
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 1px; }
  .entry-label:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 22px;
    background-color: #d6d6d6;
    left: 0;
    top: 9px;
    z-index: 1; }
.common-post .row:after{
    content:"";
    display:block;
    width: 30%;
}
.common-post .row {
  display: flex;
  flex-wrap: wrap;
    justify-content: space-between;
  margin: 0 0 31px; }
.common-post .col {
  width: 30%;
  padding: 0 0;
  margin-bottom: 36px; }
.common-post .item {
  display: block;
  color: inherit; }
  .common-post .item__img {
    margin-bottom: 30px; }
    .common-post .item__img img {
      width: 100%;
      height: auto; }
  .common-post .item__ttl {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.68;
    margin-bottom: 21px;
    letter-spacing: 1.2px; }
.common-post--slide {
  margin-bottom: 77px; }
  .common-post--slide .slick-list {
    margin: 0 -16px;
    overflow: visible; }
    .common-post--slide .slick-list:before {
      content: '';
      top: 0;
      bottom: 0;
      width: 9999px;
      right: 100%;
      background-color: inherit;
      z-index: 10;
      position: absolute;
      background-color: #f5f5f5; }
  .common-post--slide .slick-slide {
    padding: 0 16px; }
    .common-post--slide .slick-slide:focus, .common-post--slide .slick-slide *:focus {
      outline: none; }

.pagination {
  padding: 41px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .pagination a, .pagination span {
    margin: 0 0.8333333333vw;
    display: inline-block;
    min-width: 52px;
    min-height: 52px;
    border-radius: 50%;
    text-align: center;
    padding: 12px 5px 8px;
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    color: #333333;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    background-color: #f6f6f6; }
    .pagination a:hover, .pagination span:hover {
      opacity: 1;
      color: #ffffff;
      background-color: #333333; }
  .pagination .current {
    color: #ffffff;
    background-color: #333333; }
  .pagination .next, .pagination .prev {
    border-radius: 26px;
    padding-left: 28px;
    padding-right: 28px; }

.sidebar-link {
  margin-bottom: 32px; }
  .sidebar-link .ttlcomp-05 {
    margin-bottom: 30px; }
  .sidebar-link ul li {
    padding: 6px 0 5px 36px;
    position: relative; }
.sidebar-link ul .subL{
    padding: 6px 0 5px 76px;
    position: relative; 
}

.sidebar-link ul .subL:before {
    content: '';
    position: absolute;
    height: 1px;
    width: 22px;
    background-color: #d6d6d6;
    left: 40px;
    top: 17px;
    z-index: 1;
}
    .sidebar-link ul li:before {
      content: '';
      position: absolute;
      height: 1px;
      width: 22px;
      background-color: #d6d6d6;
      left: 0;
      top: 17px;
      z-index: 1; }
      @media screen and (max-width: 990px) {
        .sidebar-link ul li:before {
          top: 15px; } }
    .sidebar-link ul li a {
      display: block;
      font-weight: bold;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.4;
      color: #333333;
      letter-spacing: 1.6px; }

.sidebar-banner {
  margin-bottom: 20px; }
  .sidebar-banner a {
    display: block; }

.sec-news-release-page {
  padding: 100px 0 100px; }
  .sec-news-release-page .common-detail {
    padding-bottom: 66px; }

.sec-colum-page {
  padding: 100px 0 0 0; }

.common-detail {
  padding-bottom: 44px; }
  .common-detail__head {
    margin-bottom: 67px;
    position: relative; }
    .common-detail__head:before {}
    .common-detail__head .entry-date {
      margin-bottom: 10px; }
    .common-detail__head .ttlcomp-02 {
      line-height: 1.58;
      letter-spacing: 1.4px;
      margin-bottom: 30px; }
    .common-detail__head .entry-label {
      padding-left: 36px; }
  .common-detail__content {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.7;
    letter-spacing: 1.1px; }
    .common-detail__content img.alignright {
      float: right;
      margin: 0 0 1em 4em; }
    .common-detail__content img.alignleft {
      float: left;
      margin: 0 4em 1em 0; }
    .common-detail__content img.aligncenter {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .common-detail__content h2 {
      font-weight: 500;
      font-size: 20px;
      font-size: 2.0rem;
      line-height: 1.875;
      margin-bottom: 40px;
      letter-spacing: 2px; }
    .common-detail__content h3 {
      font-weight: 500;
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.875;
      letter-spacing: 1.7px;
      margin-bottom: 34px; }
    .common-detail__content p {
      margin-bottom: 64px; }
      .common-detail__content p:last-child {
        margin-bottom: 0; }
    .common-detail__content hr {
      border: none;
      height: 1px;
      background: #dedede;
      margin: 65px 0 56px; }

.box-toc {
  border: 1px solid #dddddd;
  border-radius: 2px;
  padding: 43px 5% 53px;
  margin-bottom: 64px; }
  .box-toc__ttl {
    font-weight: 500;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.68; }
  .box-toc__list a {
    font-weight: 500;
    color: #135bef;
    line-height: 1.68;
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
    position: relative; }
    .box-toc__list a:after {
      content: '';
      position: absolute;
      z-index: 1;
      bottom: 0;
      left: 0;
      right: 0;
      height: 1px;
      background-color: #135bef; }

.common-other-post {
  padding: 45px 3.125vw 48px;
  border-radius: 5px;
  display: flex;
  border: 1px solid #dedede; }
  .common-other-post a {
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .common-other-post .prev, .common-other-post .next {
    width: 42.4%;
    position: relative; }
  .common-other-post .link {
    width: 15.2%;
    text-align: center;
    position: relative; }
    .common-other-post .link:before, .common-other-post .link:after {
      content: '';
      position: absolute;
      z-index: 1;
      top: 2px;
      bottom: -4px;
      border-left: 1px dotted #afafaf; }
    .common-other-post .link:before {
      left: 0; }
    .common-other-post .link:after {
      right: 0; }
  .common-other-post .prev {
    text-align: left;
    padding: 0 2.2916666667vw; }
    .common-other-post .prev:before {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border: 1px solid #333333;
      border-right-color: transparent;
      border-bottom-color: transparent;
      transform: rotate(-45deg) translate(10px, 50%);
      position: absolute;
      left: 0;
      top: 52%; }
  .common-other-post .next {
    text-align: right;
    padding: 0 2.2916666667vw; }
    .common-other-post .next:after {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      border: 1px solid #333333;
      border-left-color: transparent;
      border-bottom-color: transparent;
      transform: rotate(45deg) translate(-10px, 50%);
      position: absolute;
      right: 0;
      top: 52%; }


.works-block .all-view{
    
    margin-bottom: 100px;
}
.sec-recommend {
  background-color: #f5f5f5;
  padding: 100px 0 100px;
  margin-bottom: 100px; }
  .sec-recommend .ttlcomp-01 {
    margin-bottom: 10px; }
  .sec-recommend .txt {
    font-weight: 500;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.92;
    margin-bottom: 38px; }

.sec-download-detail {
  padding: 131px 0 91px; }

.list-download-detail {
  display: flex;
  flex-wrap: wrap;
 justify-content: space-between;
  margin: 0 0; }
  .list-download-detail .item-sm {
    padding: 0 0;
    width: 24%;
    margin-bottom: 17px; }
    .list-download-detail .item-sm .btn-comp01 {
      height: 100%; }
      .list-download-detail .item-sm .btn-comp01 .jp {
        margin: 4px 0 0; }
      .list-download-detail .item-sm .btn-comp01 .en {
        margin: 13px 0 2px; }
  .list-download-detail .item-lg {
    padding: 0 0;
    width: 49.35%; }
    .list-download-detail .item-lg .btn-comp01 {
      height: 100%; }

.common-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #dedede;
  height: 1px; }
.common-scrollbar .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #fff004;
  height: 3px; }

.mv-wrapper {margin: -95px 180px;
  position: relative;}


.mv-inr{
display: flex;justify-content: space-between;
    align-items: center;
    
}
  @media screen and (max-width: 1024px) {
    .mv-wrapper {
      margin-bottom: -30px; } }
  .mv-wrapper .mv-wrapper {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10; }
  .mv-wrapper .mv-content {
    background: #333333;
    max-width: 600px;
    width: 100%;
    max-height: 280px;
    padding: 60px;}
    
    .mv-wrapper .mv-content .position {
      font-family: "Ubuntu", sans-serif;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500;
      margin-bottom: 29px;
      letter-spacing: 1.8px;
      color: #fff; }
      @media screen and (max-width: 1024px) {
        .mv-wrapper .mv-content .position {
          margin-bottom: 15px; } }
    .mv-wrapper .mv-content .member-name span {
      color: #fff;
      display: block; }
      .mv-wrapper .mv-content .member-name span.en {
        font-family: "Ubuntu", sans-serif;
        font-size: 25px;
        font-size: 2.5rem;
        font-weight: 500;
        letter-spacing: 3px;
        margin-bottom: 14px; }
        @media screen and (max-width: 1024px) {
          .mv-wrapper .mv-content .member-name span.en {
            font-size: 24px;
            font-size: 2.4rem;
            margin-bottom: 5px; } }
      .mv-wrapper .mv-content .member-name span.jp {
        font-size: 13px;
        font-size: 1.3rem;
        font-weight: 500;
        letter-spacing: 1.5px; }
  .mv-wrapper .city {
}

  .mv-wrapper .city .en{
    background: #fff004;
    padding: 20px 30px;
      display: block;
}

.txt-member {
  max-width: 1234px;
  margin: 0 auto 40px; }
  .txt-member .heading-block {
    position: relative;
    z-index: -1; }
  @media screen and (max-width: 1024px) {
    .txt-member {
      padding: 0 50px; } }

.intro-heading-block {
  margin-bottom: 91px; }
  @media screen and (max-width: 1024px) {
    .intro-heading-block {
      margin-bottom: 45px; } }
  .intro-heading-block .ttlcomp-01 {
    margin-bottom: 25px; }
    .intro-heading-block .ttlcomp-01 small {
      font-size: 18px;
      font-size: 1.8rem;
      letter-spacing: 1.5px;
      margin-bottom: 3px;
      display: block; }
    .intro-heading-block .ttlcomp-01 span.jp {
      padding-bottom: 0; }
  .intro-heading-block .txt-basic, .intro-heading-block .common-other-post a, .common-other-post .intro-heading-block a, .intro-heading-block .sec-sv p, .sec-sv .intro-heading-block p, .intro-heading-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .intro-heading-block .item__cnt {
    text-align: justify;
    text-justify: newspaper; }

.member-block {
  position: relative;
  margin-bottom: 90px; }
  @media screen and (max-width: 1024px) {
    .member-block {
      margin-bottom: 45px;
      display: flex;
      flex-wrap: wrap; } }
  .member-block .ttlcomp-01 {
    margin-bottom: 4.6875vw; }
    @media screen and (max-width: 1200px) {
      .member-block .ttlcomp-01 {
        margin-bottom: 30px; } }
  .member-block-wrapper {
    position: absolute;
    left: 0;
    right: 0;
      z-index: 1;
    top: -7px; }
    @media screen and (max-width: 1024px) {
      .member-block-wrapper {
        position: static;
        order: 2; } }
  .member-block .info {
    width: 59.2%; }
    @media screen and (max-width: 1024px) {
      .member-block .info {
        width: 100%; } }
    .member-block .info-content {
      background: #f5f5f5;
      padding: 4.9479166667vw 5.2083333333vw 4.6875vw; }
      @media screen and (max-width: 1024px) {
        .member-block .info-content {
          padding: 4vw; } }
      .member-block .info-content .txt-basic, .member-block .info-content .common-other-post a, .common-other-post .member-block .info-content a, .member-block .info-content .sec-sv p, .sec-sv .member-block .info-content p, .member-block .info-content .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .member-block .info-content .item__cnt {
        text-align: justify;
        text-justify: newspaper; }
  .member-block .img {
    width: 50.41%;
    margin-left: auto;
    margin-right: 0; }
    @media screen and (max-width: 1024px) {
      .member-block .img {
        width: 100%;
        margin-bottom: 30px;
        order: 1;
        padding: 0 15px; } }
  .member-block-full {
    margin-bottom: 16vw; }
    @media screen and (max-width: 1024px) {
      .member-block-full {
        margin-bottom: 50px; } }
    .member-block-full .img {
      width: 100%; }
    .member-block-full .member-block-wrapper {
      bottom: -18vw;
      top: auto; }
    .member-block-full .info {
      width: 64.5%;
      margin-left: auto;
      margin-right: 0; }
      @media screen and (max-width: 1024px) {
        .member-block-full .info {
          width: 100%; } }

.question-block {
  margin-bottom: 85px; }
  @media screen and (max-width: 1024px) {
    .question-block {
      margin-bottom: 50px; } }
  .question-block .ttlcomp-01 {
    margin-bottom: 88px; }
    @media screen and (max-width: 1024px) {
      .question-block .ttlcomp-01 {
        margin-bottom: 25px; } }
  .question-block .list-questions {
    display: flex;
    margin: 0 -3.3854166667vw; }
    @media screen and (max-width: 1024px) {
      .question-block .list-questions {
        margin: 0 -20px; } }
    .question-block .list-questions .item {
      width: 50%;
      padding: 0 3.3854166667vw; }
      @media screen and (max-width: 1024px) {
        .question-block .list-questions .item {
          padding: 0 20px; } }
      .question-block .list-questions .item .txt-basic, .question-block .list-questions .item .common-other-post a, .common-other-post .question-block .list-questions .item a, .question-block .list-questions .item .sec-sv p, .sec-sv .question-block .list-questions .item p, .question-block .list-questions .item .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .question-block .list-questions .item .item__cnt {
        text-align: justify;
        text-justify: newspaper; }

.pride-block {
  margin-bottom: 1.6145833333vw; }
  @media screen and (max-width: 1024px) {
    .pride-block {
      margin-bottom: 30px; } }
  .pride-block .ttlcomp-01 {
    margin-bottom: 4.6875vw; }
    @media screen and (max-width: 1024px) {
      .pride-block .ttlcomp-01 {
        margin-bottom: 30px; } }
  .pride-block .wp-inner {
     }
    @media screen and (max-width: 1024px) {
      .pride-block .wp-inner {
        padding-left: 0; } }
  .pride-block-content {
    padding: 5.1041666667vw 7.2916666667vw 4.6354166667vw 5.1041666667vw;
    background: #f5f5f5; }
    @media screen and (max-width: 1024px) {
      .pride-block-content {
        padding: 4vw; } }

.sec-member .navs-page {
  margin-bottom: 83px; }

.list-member .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -17px; }
.list-member .col {
  padding: 0 17px;
  width: 33.333333%;
  margin-bottom: 63px; }
.list-member .item {
  display: block;
  color: #333333; }
  .list-member .item__img img {
    width: 100%;
    height: auto; }
  .list-member .item__content {
    position: relative;
    padding-top: 26px; }
  .list-member .item__address {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 48px;
    min-width: 27.2%;
    padding: 10px 18px 10px 20px;
    position: absolute;
    z-index: 2;
    right: 20px;
    top: -28px;
    letter-spacing: 1.5px;
    background-color: #fff004; }
  .list-member .item__label {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 15px;
    letter-spacing: 1.3px; }
  .list-member .item__ttl {
    font-family: "Ubuntu", sans-serif;
    font-weight: 500;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.75;
    letter-spacing: 2px;
    margin-bottom: 3px; }
  .list-member .item__txt {
    font-weight: 500;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.92;
    letter-spacing: 1px; }

.block-faq, .block-service, .block-reasons {
  position: relative; }

.sec-office {
  margin-bottom: 63px; }
  .sec-office .proposal-page-block .txt-basic, .sec-office .proposal-page-block .common-other-post a, .common-other-post .sec-office .proposal-page-block a, .sec-office .proposal-page-block .sec-sv p, .sec-sv .sec-office .proposal-page-block p, .sec-office .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .sec-office .proposal-page-block .item__cnt {
    padding-right: 7vw;
    width: calc(100% - 44%); }
    @media screen and (max-width: 1200px) {
      .sec-office .proposal-page-block .txt-basic, .sec-office .proposal-page-block .common-other-post a, .common-other-post .sec-office .proposal-page-block a, .sec-office .proposal-page-block .sec-sv p, .sec-sv .sec-office .proposal-page-block p, .sec-office .proposal-page-block .sec-sv .list-sv .item__cnt, .sec-sv .list-sv .sec-office .proposal-page-block .item__cnt {
        padding-right: 0; } }
  .sec-office .proposal-page-block .ttlcomp-01 {
    max-width: 100%;
    padding-right: 24px;
    display: inline-block;
    margin-right: 0; }
    .sec-office .proposal-page-block .ttlcomp-01 .en {
      font-size: 21px;
      font-size: 2.1rem;
      font-weight: 500;
      font-family: "Ubuntu", sans-serif;
      letter-spacing: 0.1em;
      line-height: 1.9;
      padding-top: 10px; }
  .sec-office .proposal-page-block .img {
    width: 44%; }
  .sec-office .box-service {
    padding-top: 6.25vw; }
  .sec-office .block-service {
    margin-bottom: 25px; }
  .sec-office .block-reasons {
    padding-top: 155px;
    margin-bottom: 43px; }
  .sec-office .box-faq {}
    .sec-office .box-faq .ttlcomp-07 {
        padding-top: 100px;
      margin-bottom: 7.0833333333vw; }

.link-txt {
  color: #1936e6; }

.ttl-service {
  font-size: 18px;
  font-size: 1.8rem;
  letter-spacing: 0.09em;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
  padding: 16px 5px 18px;
  border-top: 3px solid #fff004;
  background: #f5f5f5;
  margin-bottom: 21px; }
  

.list-service {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin: 0 -20px; }
  @media screen and (max-width: 1200px) {
    .list-service {
      margin: 0 -10px; } }
  .list-service .item {
    width: 25%;
    padding: 0 20px;
    margin-bottom: 43px; }
    @media screen and (max-width: 1200px) {
      .list-service .item {
        padding: 0 10px; } }
    .list-service .item .img {
    text-align: center;
    max-width: 120px;
    margin: 0 auto 30px;
}
    .list-service .item .btn {
      text-align: center;
      margin: 22px auto 0; }

.tab-service {
  margin: 0 -20px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .tab-servicesub {
    width: 50%;
    padding: 0 20px; }
    .tab-servicesub a {
      font-size: 18px;
      font-size: 1.8rem;
      letter-spacing: 0.08em;
      line-height: 1.389;
      color: #fff;
      background: #333;
      width: 100%;
      padding: 32.5px 36px 32.5px 15px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
      .tab-servicesub a:after {
        display: block;
        content: "";
        width: 7px;
        height: 7px;
        border-top: 1.5px solid #fff;
        border-right: 1.5px solid #fff;
        transform: rotate(45deg) translateY(-50%);
        position: absolute;
        right: 33px;
        top: 50%; }

.list-faq .item {
  margin-bottom: 25px; }
  .list-faq .item:last-child {
    margin-bottom: 0; }
  .list-faq .item-q {
    display: flex;
    align-items: center;
    background: #f5f5f5;
    cursor: pointer; }
    .list-faq .item-q:hover {
      opacity: 0.65; }
    .list-faq .item-q.open {
      background: #fffde5; }
      .list-faq .item-q.open .ico-q {
        background: #fff004; }
        .list-faq .item-q.open .ico-q:after {
          background: #333; }
        .list-faq .item-q.open .ico-q:before {
          content: none; }
  .list-faq .item-a {
    margin-top: 30px;
    display: none;
    padding-bottom: 17px; }
    .list-faq .item-a .link-txt {
      margin-top: 20px;
      display: inline-block;
      border-bottom: 1px solid #1936e6; }
.list-faq .ico-q {
  width: 80px;
  height: 80px;
  background: #969696;
  position: relative;
  display: inline-block;
  margin-right: 40px; }
  .list-faq .ico-q:after {
    content: '';
    height: 1px;
    width: 19px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%); }
  .list-faq .ico-q:before {
    content: '';
    width: 1px;
    height: 19px;
    background: #fff;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: translateY(-50%); }

.sec-sv {
  padding: 0 0px 70px; }
  .sec-sv .ttlcomp-01 span.jp {
    padding-bottom: 40px; }
  .sec-sv__ttl {
    display: block;
    text-align: center;
    margin: -70px 0px 36px;
    position: relative; }
    .sec-sv__ttl .heading-block {
      position: relative; }
    .sec-sv__ttl .img {
      position: absolute;
      top: 50%;
      right: 0;
      left: 0;
      margin: 0 auto;
      transform: translateY(-50%);
      padding-top: 14px; }
  .sec-sv__txt {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.62;
    letter-spacing: 3.5px;
    margin-bottom: 30px; }
  .sec-sv p {
    max-width: 1040px;
    margin: auto;
    font-weight: bold; }
  .sec-sv__video {
       margin: 0px 0px 100px; }
    .sec-sv__video iframe {
      display: block;
      width: 100%;
      height: 575px; }
  .sec-sv .mw1400 {
    max-width: 1400px;
    margin: auto; }
  .sec-sv .list-sv {
      justify-content: space-between;
    display: flex;
    flex-wrap: nowrap;
    margin: 0px -20px; }
    @media screen and (max-width: 1200px) {
      .sec-sv .list-sv {
        margin: 0px -10px; } }
    .sec-sv .list-sv .item {
      width: 22%; }
      @media screen and (max-width: 1200px) {
        .sec-sv .list-sv .item {
          padding: 0 10px; } }
      
      .sec-sv .list-sv .item__cnt .ttl {
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 500;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 15px; }
      .sec-sv .list-sv .item__cnt .btn {
          position: relative;
        margin: 20px auto 0px; }

.sec-coworking .heading-block {
  z-index: -1; }
.sec-coworking .block-faq {
  margin-bottom: 100px; }
  @media screen and (max-width: 1200px) {
    .sec-coworking .block-faq {
      margin-bottom: 50px; } }
.sec-coworking .list-faq .item {
  margin-bottom: 5px; }
  .sec-coworking .list-faq .item:last-child {
    margin-bottom: 0; }
  .sec-coworking .list-faq .item .ico-q {
    width: 76px;
    height: 76px; }

.block-description {
  padding-top: 187px;
  margin-top: -21px; }
  @media screen and (max-width: 1200px) {
    .block-description {
      padding-top: 136px; } }
  .block-description .ttlcomp-08 {
    margin-top: -103px; }
    @media screen and (max-width: 1200px) {
      .block-description .ttlcomp-08 {
        margin-top: -75px;
        margin-bottom: 35px; } }
  .block-description .box-description {
    position: relative;
    margin-bottom: 70px; }
    .block-description .box-description .txt {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: flex;
      align-items: center;
      justify-content: center; }
      .block-description .box-description .txt .jp {
        padding-bottom: 0; }
      .block-description .box-description .txt .ttlcomp-01 {
        color: #fff;
        margin-bottom: 0; }
  .block-description .box-des {
    margin-bottom: 50px; }
    .block-description .box-des p {
      margin-bottom: 31px; }
      .block-description .box-des p:last-child {
        margin-bottom: 0; }

.box-linktab {
  margin-bottom: 42px; }

.box-relative {
  position: relative; }

.list-linltabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .list-linltabs .item {
    margin-bottom: 25px;
    border-right: 1px solid #fff;
    min-width: 355px; }
    @media screen and (max-width: 1200px) {
      .list-linltabs .item {
        min-width: 33.33%; } }
    .list-linltabs .item:last-child {
      border-right: none; }
    .list-linltabs .item a {
      width: 100%;
      height: 85px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #333;
      font-size: 17px;
      font-size: 1.7rem;
      line-height: 1.6;
      color: #fff; }
    .list-linltabs .item.active a, .list-linltabs .item:hover a {
      background: #fff004;
      color: #333333; }

.list-subinfor {
  margin-bottom: 50px; }
  .list-subinfor .list {
      padding-top: 70px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
    .list-subinfor .list .item {
        width: 31.5%;
      }
      
      .list-subinfor .list .item .item-img {
        margin-bottom: 41px; }

.list-linkinpage {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 9;
  justify-content: center; }
  @media screen and (max-width: 1460px) {
    .list-linkinpage {
      margin-bottom: 50px; } }
  .list-linkinpage .item {
    margin-right: 40px; }
    .list-linkinpage .item.active a .icon:before {
      left: calc(50% - 5px);
      transform: rotate(135deg) translate(-50%); }
  .list-linkinpage a {
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 2.13;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center; }
    .list-linkinpage a .icon {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      border: 1px solid #e3e3e3;
      display: inline-block;
      position: relative;
      min-width: 36px;
      margin-left: 15px;
      background: #fff; }
      .list-linkinpage a .icon:before {
        content: '';
        height: 5px;
        width: 5px;
        border-top: 1px solid #333;
        border-right: 1px solid #333;
        transform: rotate(45deg) translate(-50%);
        text-align: center;
        top: calc(50% - 2px);
        left: calc(50% - 2px);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        position: absolute; }

.list-inforcompany {
  padding-top: 90px; }
  .list-inforcompany .item {
    margin-bottom: 31px; }
    .list-inforcompany .item-ttl {
      position: relative;
      margin-bottom: 37px; }
      .list-inforcompany .item-ttl:after {
        content: '';
        height: 1px;
        width: 100%;
        background: #dedede;
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        transform: translateY(-50%); }
      .list-inforcompany .item-ttl span {
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: 700;
        color: #333;
        font-family: "Noto Sans JP", "ヒラギノ角ゴPro W6", "Hiragino Kaku Gothic Pro", Osaka, "Meiryo", "メイリオ", "MS Pゴシック", Arial, Helvetica, Verdana, sans-serif;
        line-height: 1.6;
        padding-right: 20px;
        background: #fff;
        position: relative;
        z-index: 2; }
  .list-inforcompany .contact-page-list {
    padding: 1px 0 0px 0; }
    .list-inforcompany .contact-page-list li {
      margin-bottom: 0; }
      .list-inforcompany .contact-page-list li span:nth-child(1) {
        margin-top: 4px; }

.box-infocompany {
  margin: 0 -40px;
  display: flex;
  align-items: flex-start;
  padding-bottom: 30px;
  flex-wrap: wrap; }
  .box-infocompany .list-inforcompany {
    width: 50%;
    padding: 0 40px;
    flex-wrap: wrap; }

.block-download {
  margin-top: 37px;
  padding-top: 133px; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block-download {
      padding-top: 105px; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .block-download .heading-block {
      font-size: 13.5416666667vw; } }
  .block-download .list-download {
    display: flex;
    align-items: flex-start;
    margin: 0 -25px 90px;
    flex-wrap: wrap; }
    .block-download .list-download .item {
      width: 50%;
      padding: 0 25px; }
      .block-download .list-download .item .img {
        display: flex;
        align-items: flex-start; }
        .block-download .list-download .item .imgsub {
          width: calc(50% - 19px);
          margin-right: 38px; }
          @media screen and (max-width: 1200px) {
            .block-download .list-download .item .imgsub {
              width: calc(50% - 10px);
              margin-right: 20px; } }
          .block-download .list-download .item .imgsub:last-child {
            margin-right: 0; }
    .block-download .list-download .btn-contact {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.388;
      font-weight: 500;
      height: 90px;
      width: 100%;
      margin-top: 44px; }
      .block-download .list-download .btn-contact:after {
        width: 8px;
        height: 8px;
        right: 35px; }
  .block-download .ttlcomp-07 {
    margin-bottom: 108px; }
    @media screen and (max-width: 834px) {
      .block-download .ttlcomp-07 {
        margin-bottom: 50px; } }

.sec-map {
  margin-bottom: 100px; }
  .sec-map > .inner-1660 {
    background-color: #f5f5f5; }

.block-map .box-map {
    margin-top: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 80px 0 100px;
  flex-wrap: wrap; }
  .block-map .box-map a {
    color: #333;
    display: flex;
    align-items: center; }
    .block-map .box-map a img {
      margin-right: 11px; }
  .block-map .box-map__ttl {
    font-size: 28px;
    font-size: 2.8rem;
    letter-spacing: 0.09em;
    line-height: 2.33;
    font-weight: 500;
    margin-bottom: 26px; }
  .block-map .box-map .txt-basic p, .block-map .box-map .common-other-post a p, .common-other-post .block-map .box-map a p, .block-map .box-map .sec-sv p p, .sec-sv .block-map .box-map p p, .block-map .box-map .sec-sv .list-sv .item__cnt p, .sec-sv .list-sv .block-map .box-map .item__cnt p {
    margin-bottom: 33px; }
  .block-map .box-map .txt {
    width: 45%;
    padding-right: 50px; }
    @media screen and (max-width: 1200px) {
      .block-map .box-map .txt {
        padding-right: 25px; } }
  .block-map .box-map .img {
    width: 55%;
    padding-top: 18px;
    text-align: right; }

.block-faq {
  margin-bottom: 90px; }



.gnav-wrap {
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    display: none;
}

.gnav-wrap .inner-wrap .gnav-content .gnav-content-col.left {
    width: 30%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gnav-wrap .inner-wrap .gnav-content .gnav-content-col.right {
    width: 70%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.gnav-content-col-wp{
pointer-events: auto;
}

.gnav-content-photo {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;
    z-index: 10;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(0,.56,.44,1);
    transition-timing-function: cubic-bezier(0,.56,.44,1);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
}

.gnav-content-photo.is-current {
    opacity: 1;
    z-index: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition-duration: 1.2s;
    transition-duration: 1.2s;
}

.gnav-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.photo-base {
    background-image: url(../img/common/img-0.png);
}

.photo-b01 {
    background-image: url(../img/common/img-01.png);
}

.photo-b02 {
    background-image: url(../img/common/img-02.png);
}

.photo-b03 {
    background-image: url(../img/common/img-03.png);
}

.photo-b04 {
    background-image: url(../img/common/img-04.png);
}

.photo-b05 {
    background-image: url(../img/common/img-05.png);
}

.photo-b06 {
    background-image: url(../img/common/img-06.png);
}

.photo-b07 {
    background-image: url(../img/common/img-07.png);
}



.photo-b08 {
    background-image: url(../img/common/img-08.png);
}

.logo img{
    width: 100%;
}

.cnt{
    padding: 0 0 0 10%;
    
}

ul.list li a{
    display: block;
    font-size: 26px;
    font-size: 2.6rem;
    font-weight: 500;
    color: #333;
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

ul.list li .pull a{
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #333;
    line-height: 1.8;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

.list {
    display: flex;
    flex-wrap: wrap;
    text-align: left;
    justify-content: space-between;
    position: relative;
}

ul.list li {
    width: 30%;
    user-select: none;
    margin-bottom: 40px;
}

.list:after{
    content:"";
    display:block;
    width: 30%;
  }

ul.list li a{
    color: #333;
}

.subWp{
    display: flex;
    align-items: center;
}

.subWp .bottom{
    display: flex;
    width: 50%;
}

.share{
    width: 50%;
    
}

.bottom_sns_link{
    display: flex;
}


.subWp .bottom li {
    margin-right: 10px;
}

.subWp .bottom li a{
    display: block;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    color: #333;
    line-height: 1;
    letter-spacing: 1px;
    margin-bottom: 5px;
}

.subWp .share {
    margin-bottom: 0px;
}

.youtubeOverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 9999;
    overflow: hidden;
    text-align: center;
}

.popup-parent {
    display: inline-block;
    width: 80%;
    position: relative;
    vertical-align: middle;
}

.mobtn {
    position: absolute;
    top: 0;
    right: -50px;
}

.popup-position {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#popup-youtube {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#movie {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}

#movieWrap {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    background: url(../img/common/mBg.png);
}

.play{
    height: 145px;
    width: 145px;
    -webkit-animation-delay: .25s;
    animation-delay: .25s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.playbtnWp{
    height: 145px;
    width: 145px;
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    -o-transition: transform .25s;
    transition: transform .25s;
    transition: transform .25s,-webkit-transform .25s;
}

.playbtnWp .playBtn svg circle {
    fill: rgba(0,0,0,.2);
    stroke: #fff;
    stroke-width: .8;
    stroke-dasharray: 25,200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
}

.playbtnWp .playBtn svg {
    width: 145px;
    height: 145px;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rotate 10s linear infinite;
    animation: rotate 10s linear infinite;
    position: relative;
}

.play:hover .playbtnWp{
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
}

.play:hover svg circle{
    stroke-dasharray: 125,200;
}


.playBtnsvg-Wp {
    height: 145px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display:  flex;
    flex-direction: column; 
    justify-content: center;
    align-items: center;
}

.playBtnsvg-Wp img {
    width: 30px;
    height: 30px;

}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes text-loop {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(-50%, 0, 0)
    }
}

@keyframes text-loop2 {
    0% {
        transform: translate3d(0, 0, 0)
    }
    100% {
        transform: translate3d(50%, 0, 0)
    }
}

.top_l_title {
    position: absolute;
    width: 100%;
    white-space: nowrap;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    animation-name: text-loop;
    animation-duration: 36s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: running;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.3, 0.1, 0.1, 1);
}

.heading-block.left {
    position: absolute;
    top: 0;
    width: 100%;
    transform: translate(0, -50%);
}

.top_r_title{
    position: absolute;
    width: 100%;
    white-space: nowrap;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    transform: translateX(0);
    animation-name: text-loop2;
    animation-duration: 36s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-play-state: running;
    transition-property: opacity;
    transition-duration: 1s;
    transition-timing-function: cubic-bezier(0.3, 0.1, 0.1, 1);
}

.heading-block.right{
    position: absolute;
    top: 0;
    width: 100%;
    transform: translate(0, 0);
}

.leadTxt{
    color: #FFF;
    width:  100%;
    text-align: center;
    position: absolute;
    bottom: 10%;
    left: 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
}
.youtubeOverlay:before {
    content: "";
    height: 100%;
    vertical-align: middle;
    width: 0;
    display: inline-block;
}

#footer .share{
    width: 100%;
}

.works-slider .item{
    margin-right: 40px;
}

.works-block .mask{
    overflow:hidden;
    position: relative;
    /*height: 360px;*/
}




@media screen and (max-width:1200px) {
    .header-block {
        /*padding: 30px 0;
    }
    
    .works-block .mask{
        /*height: 320px;*/
    }
}
@media screen and (max-width: 768px) {
     
    .works-block .mask{
        /*height: 390px;*/
    }
}
@media screen and (max-width: 480px) {
    .works-block .mask{
        /*height: 200px;*/
    }
}
@media screen and (max-width: 320px) {
    .works-block .mask{
        /*height: 100px;*/
    }
}


.works-block .mask img{
    margin: 0 auto;
}
.works-block .mask img{
    /*position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    max-width: inherit;*/
}






#video{
    width: 100%;
}

.op .imgHv .act .mask img {
    transition-delay: .55s;
    visibility: visible;
}

.imgHv .mask{
    overflow: hidden;
}

.common-post .mask img{
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: auto;
    height: 100%;
    max-width: inherit;    
    */
}
.imgHv .mask img {
    visibility: hidden;
}

.mask{
    position: relative;
}

.service-block {
    overflow: hidden;
}


.op .imgHv .act .mask:after {
    animation: wipe_in_out 1.1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.imgHv .mask:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #fff004;
}

@keyframes wipe_in_out {
  0% {
    width: 0%;
    left: 0%;
  }

  50% {
    width: 100%;
    left: 0%;
  }

  100% {
    width: 0%;
    left: 100%;
  }
}


.sec-service .mask{
    overflow: hidden;
}
.sec-service .mask a{
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

.op .sec-service .act .mask a {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.sec-service li:nth-of-type(1) .mask a{
}

.sec-service li:nth-of-type(2) .mask a{
    transition-delay:.1s;
}

.sec-news .mask {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    overflow: hidden;
}

.op .sec-news .act .mask {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.sec-news li:nth-of-type(1) .mask{
}

.sec-news li:nth-of-type(2) .mask{
    transition-delay:.1s;
}

.sec-news li:nth-of-type(3) .mask{
    transition-delay:.2s;
}

.sec-news li:nth-of-type(4) .mask{
    transition-delay:.3s;
}





.client-block .mask {
    opacity: 0;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
    overflow: hidden;
}

.op .client-block .act .mask {
    opacity: 1;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


.client-block li:nth-of-type(2) .mask{transition-delay:.1s;}
.client-block li:nth-of-type(3) .mask{transition-delay:.2s;}
.client-block li:nth-of-type(4) .mask{transition-delay:.3s;}
.client-block li:nth-of-type(5) .mask{transition-delay:.4s;}
.client-block li:nth-of-type(6) .mask{transition-delay:.5s;}
.client-block li:nth-of-type(7) .mask{transition-delay:.6s;}
.client-block li:nth-of-type(8) .mask{transition-delay:.7s;}
.client-block li:nth-of-type(9) .mask{transition-delay:.8s;}
.client-block li:nth-of-type(10) .mask{transition-delay:.9s;}
.client-block li:nth-of-type(11) .mask{transition-delay:1s;}
.client-block li:nth-of-type(12) .mask{transition-delay:1.1s;}

.loading-animetion {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #fff004;
    border-right-color: transparent;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg);   opacity: 0.2; }
    50%  { transform: rotate(180deg); opacity: 1.0; }
    100%   { transform: rotate(360deg); opacity: 0.2; } 
}

.tlWp{
    padding-top: 80px;
}

.works-block .all-view{
    margin-top: 60px;
}

.txWps p{
    font-size: 13px;
    font-size: 1.3rem;
    letter-spacing: 1.5px;
    color: #333;
    font-weight: bold;
    text-align: center;
    line-height: 1.8;
    padding: 0 0 70px 0;
}



.sec-concept-page-heading{
    padding-top:80px;
}







.inner {
  display: block;
  margin: auto 180px;
  position: relative;
}
  .inner-lg {
    display: block;
    padding: 0 180px;
    margin: 0 auto;
    position: relative; }
.sec-video .inner-lg {
    padding: 0 60px;}

    .works-slider {
      margin: 0 60px; }

    .works-slider + .common-scrollbar {
        margin: auto 130px;
    }

@media screen and (max-width:1450px) {
    .inner-lg {
        padding: 0 60px;
    }

    .show-menu{
        margin-right: 110px;
    }

    #header .inner-lg .nav-menu .show-menu .item {
        padding: 0 15px;
    }
    .inner {
        margin: auto 60px;
    } 
}

    
.works-slider .slick-prev,.works-slider .slick-next{
    top: auto;
    bottom: -121px;
}



@media screen and (max-width:1200px) {
    .header-block {
        padding: 30px 0;
    }
}
@media screen and (max-width: 768px) {
     body {
        /*background-color:#f10010;*/
    }
}
@media screen and (max-width: 480px) {
    body {
        /*background-color:#F9DF2C;*/
    }
}
@media screen and (max-width: 320px) {
    body {
        /*background-color: #68B876;*/
    }
}

.contact-list .item,.proposal-block .item .item__img{
    position: relative;
}
     

.contact-list li:nth-child(2):after{
    position: absolute;
    content: '';
    width: 1px;
    top:0;
    left: 0;
    height: 100%;
    z-index: 1;
    background-color: #FFF;
}

.contact-list li:nth-child(2):before{
    position: absolute;
    content: '';
    width: 1px;
    top:0;
    right: 0;
    height: 100%;
    z-index: 1;
    background-color: #FFF;
}

.box2 {
    width: calc(100% * 2/3);
}
.box1 {
    width: calc(100% / 3);
}

.menus li{
    text-align: center;
    
}

.block-description.box-relative .block-descriptionsub{
    margin-top: -70px;
}

.sec-concept .inner-lg,.sec-service .inner-lg,.sec-concept-page .inner-lg,.sec-proposal .inner-lg,.sec-vision-page .inner-lg,.sec-download .inner-lg,.sec-coworking .inner-lg{
    padding: 0 60px;
     
}

.list-case img{
    width: 100%;
     
}

.common-post imgHv{
    
}

.worksPage #header{
    background: none;
    
}

.worksPage #header .inner-lg .header-block{
    border: none;
    
}

.worksPage .header-block:after {
    border: none;
}



.worksPage #header .inner-lg .nav-menu .show-menu .item a small{
    color: #333;
    
}

.background--dark .header-block a{
     color: #FFF!important;
}

.background--light .header-block a{
    color: #333!important;
}

.worksPage main {
    padding-top: 141px;
}

#header{
    position: absolute;
}

#header .inner-lg .mobile-icon{
    position: fixed;
    top:70px;
}

.memberPage #header{
    background: none;
    
}

.memberPage #header .inner-lg .header-block{
    border: none;
    
}

.memberPage .header-block:after {
    border: none;
}


.memberPage #header .inner-lg .nav-menu .show-menu .item a small{
    color: #333;
    
}

.memberPage main {
    padding-top: 141px;
}

.memberPage #header{
    position: absolute;
}

.memberPage #header .inner-lg .mobile-icon{
    position: fixed;
    top:70px;
}

.slider-for .slick-slide img{
    margin: 0 auto;
    width: 100%;
}

main {
    padding-top: 144px;
}

.search-block .ttl-yellow-line,.client-block-page .ttl-yellow-line{
    border-bottom: 1px solid #dedede;
    margin-bottom: 40px;
}

.btn-search{
    margin: 100px 0 0 0;
}

.inner2{
    margin: 0 60px;
}

.txWps .sortB{
background-color: #f5f5f5;
    padding: 30px;
    margin-bottom: 70px;
}

.works-list-item img{
    width: 100%;
}



.works-list-item:after{
    content:"";
    display:block;
    width: 31.5%;
}

.contact-page-list{
    padding-bottom: 30px;
}

.pic-03 .inr{
    background: url("../img/colum/page/checklist.png") no-repeat left center;
}

.pic-04 .inr{
    background: url("../img/colum/page/vol2.png") no-repeat left center;
}

.pic-05 .inr{
    background: url("../img/colum/page/abw.png") no-repeat left center;
}

.pic-06 .inr{
    background: url("../img/colum/page/company.png") no-repeat left center;
}

.sidebar-banner{
    position: relative;
    overflow:  hidden;
}
.list-download-detail .sidebar-banner{
        margin-bottom: 0px;
}


.sidebar-banner:after{
    content: '';
    position: absolute;
    top:0;
    left: 8vw;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    opacity: .2;
    transform: translateX(-120%) skewX(15deg);
    z-index: -1;
}

a:hover .sidebar-banner:after{
    display: none;
}

.sidebar-banner:before{
    content: '';
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    z-index: -1;
}

.sidebar-banner .inr{
    font-weight: 500;
    color: #FFF;
    height: 265px;
    padding-left: 100px;
    display: flex;
    align-items: center;
}

.sidebar-banner .inr p{
    text-align: center;
        margin: auto;
}

.sidebar-banner .inr a{
    display: block;
}

.sidebar-banner .inr .tx1{
    font-size: 15px;
    font-size: 1.5rem;
    display: block;
    padding-bottom: 3px;
}

.sidebar-banner .inr .tx2{
    font-size: 20px;
    font-size: 2.0rem;
    padding-bottom: 10px;
    display: block;
}

.sidebar-banner .inr .tx3{
    font-size: 12px;
    font-size: 1.2rem;
    display: block;

}

.sidebar-banner .inr .txt4{
    font-size: 12px;
    font-size: 1.2rem;
    display: block;
    background-color: #FFF;
    color: #333;
    border-radius: 50px;
    padding: 3px 0;
    margin: 0 auto 15px;
    position: relative;
    width: 80px;

}

.sidebar-banner a:hover .inr .txt4:before {
    border-top: 5px solid #fff004;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.sidebar-banner a:hover .inr .txt4{
    background-color: #fff004;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}

.sidebar-banner .inr .txt4:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-top: 5px solid #FFF;
}

.sidebar-banner a:hover{
    opacity: 1;
}
.common-detail__content h2{
    border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}



.common-detail__content .centerText{
    text-align: center;
    margin: 0 auto;
}

.common-detail__content img.right {
    float: right;
    margin: 0 0 40px 40px;
}

.common-detail__content .centerText{
    text-align: center;
    margin: 0 auto 40px;
}

.commonWp{
    width: 100%;
    float: left;
}
.commonWp p{
    padding-bottom: 40px;
}


.bxWrap2{
   padding-bottom: 60px;
}
.notice{
    padding-bottom: 40px;
}
.notice h1 {
    font-weight: 500;
    font-size: 20px;
    font-size: 2.0rem;
    line-height: 1.875;
    margin-bottom: 40px;
    letter-spacing: 2px;
        border-bottom: 1px solid #dedede;
    padding-bottom: 20px;
}


.notice p{
    font-weight: 500;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.7;
    letter-spacing: 1.1px;
    padding-bottom: 40px;
}



.boxWrap {
    z-index: 0;
    width: 100%;
    top: 0;
}

#solution{
    display:flex;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    letter-spacing: 1px;
}

.boxWrap2 {
    width: 980px;
    margin: 70px auto 0;
    text-align: center;
}

#solution figure {
    width: 48%;
}

.officeB img{padding-bottom: 70px;}

.btnWrapBk .btn,.officeB .btn{margin: 0 auto;}

.officeB{
    width: 980px;
    margin: 70px auto 0;
    text-align: center;
}

.sec-sv__ttl img{
    max-width: 60%;
    
}
.common-detail__contentwp{
    width: 100%;
    display: flex;
    margin-top: 70px;
    padding: 70px;
    border: 1px solid #dedede;
    border-radius: 10px;
    
}
.common-detail__content{
    max-width: 700px;
    margin: auto;
}

.ttlcomp-03{
    
}

.sec-company .ttlcomp-03 span.en {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

.sec-company .ttlcomp-03 span {
    display: block;
}

.sec-company .ttlcomp-03 span.jp {
    font-size: 26px;
    font-size: 2.6rem;
}

.works-slider .slick-arrow:hover{
   
    
}

.seTxt {
    width: 100%;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    padding-top: 40px;
}

.ttlcomp-04 small{
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: 1px;
    padding-bottom: 20px;
    display: block;
    
}

.g-recaptchaBox {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
}

.g-recaptcha {
}

.block-description .box-description{
display: flex;    
flex-direction: column;
    justify-content: center;
    align-items: center; 
}
.box-description img{
    margin: 0 auto;
    
}

.mtls{
    margin-top: 100px;
}

.office_move_out{
	text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.75;
    margin-bottom: 30px;
    letter-spacing: 2.5px;
}

.dotline_moveout{
	border-top: 1px solid #dedede;
	margin-top: 35px;
}

.dotline_moveout_2{
	border-top: 1px solid #dedede;
	margin: 35px;
}

.mo03_style{
	padding-top: 30px;
}

.motitle_1{
	font-size: 18px;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin: 10px 0px 30px 0px;
    text-align: left;
}

.new_o_box{
	width: 340px;
    height: 70px;
    background-color: #60C0F0;
    margin: 60px 0px 0px 0px;
    border-radius: 7px;
    color: white;
}

.new_o_box_back{
	background-color: #87cefa;
    width: 340px;
    height: 70px;
    border-radius: 7px;
    margin: 40px 0px -138px 8px;
}

.mo_box_1{
    width: 980px;
    margin: 0px auto 0;
    text-align: center;	
}

.out_txt_btn{
	font-size: 15px;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 1.5px;
    padding: 20px;
}

.mo_text_box{
	width: 380px;
    display: inline-block;
    padding: 0px 20px 0px 0px;
}

.dr_image_large{
	text-align: center;
    background: url("../img/drone/drone01.jpg");
    height: 300px;
    color: #FFF;
    padding: 140px;
    font-size: 25px;
    font-family: 'Noto Sans JP';
}

.dr_sub_text{
	font-size: 1.3rem;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 1.5px;
	text-align: center;
    padding: 30px 0px 0px 0px;
}

.dr_sub_2text2{
    padding: 30px 0px 0px 0px;
}

.dr_sub_title1{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
    letter-spacing: 1.5px;
	font-family: "Noto Sans JP";
	padding: 20px 0px;
}

.drpl_1{
	width: 50%;
	padding: 0px 15px 0px 0px;
}

.drpl_2{
	width: 50%;
	padding: 0px 0px 0px 15px;
}

.dr_ct_1{
	background: #f5f5f5;
}

.dr_copy_ct1{
	text-align: center;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: 2.5px;
    margin: 40px 0px;
}

.drone_c{
    width: 980px;
    margin: 0px auto;
    text-align: center;	
}

.btn, .drone_c .btn {
	margin: 0 auto;
}

.list-subinfor .item-img{
    display: flex;
}
.list-subinfor .item-img img{
    margin: auto;
}


.list-subinfor .item-img{
    display: flex;
}

.logo_white{
    display: none;
}

.background--dark .logo_white{
    display: block;
}

.background--dark .logo_black{
    display: none;
}

.tlsecWp{
    padding-bottom: 100px;
}

/*
.common-post .mask{
    height: 238px;
}
*/
.inner-lg2 .slick-prev,.inner-lg2 .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.inner-lg2 .slick-arrow.slick-prev {
    left: 180px;
}

.inner-lg2 .slick-arrow.slick-next{
    right: 180px;
}

.inner-lg2 .slick-arrow.slick-prev:after {
    transform: translateY(-50%) rotate(135deg);
    left: 15px;
}

.inner-lg2 .slick-arrow.slick-next:after {
    transform: translateY(-50%) rotate(-45deg);
    right: 15px;
}

.inner-lg2 .slick-prev:before,.inner-lg2 .slick-arrow:before {
    display: none;
}

.inner-lg2 .slick-arrow:after {
    content: "";
    border: solid #cecece;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 5px;
    position: absolute;
    top: 50%;
}

.inner-lg2 .slick-arrow {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #dedede;
    z-index: 9;
}

.cks3 .error{
 display: inline-block;   
}

.contentsList{
    background-color: #f5f5f5;
    padding: 30px 40px;
}
.tableDt{
    width: 100%;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

.tableDtDt{
    width: 100%;
    display: flex;
    
}

.tabledt{
    width: 30%;
    background: #f8f8f8;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 30px 50px;
}

.tabledd{
    width: 70%;
    border-left: 1px solid #dedede;
    border-top: 1px solid #dedede;
    padding: 30px 50px;
    
}

.tableDtDt {
    font-size: 15px;
    font-size: 1.5rem;
    letter-spacing: 1.5px;
    font-weight: 500;
    line-height: 2.1;    
}

.ttlcomp-01 .h1Sun{
    font-size: 15px;
    font-size: 1.5rem;
    display: inline-block;
}

.dowTxt{
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.8;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin-bottom: 40px;
    
}