@charset "UTF-8";
.red {
  color: #c40000;
}

.kon {
  color: rgb(0, 87, 164);
}

.purple {
  color: #9455B4;
}

.blue {
  color: #009FE9;
}

.yellow {
  color: #FC0;
}

.green {
  color: #090;
}

.white {
  color: #fff;
}

.black {
  color: #000;
}

/*----------------------------------------------------
******transition******
----------------------------------------------------*/
/*----------------------------------------------------
******font-size******
----------------------------------------------------*/
/*----------------------------------------------------
******CLEARFIX******
----------------------------------------------------*/
/*----------------------------------------------------
******COLS******
----------------------------------------------------*/
/*----------------------------------------------------
******margin******
----------------------------------------------------*/
/*----------------------------------------------------
******padding******
----------------------------------------------------*/
/*----------------------------------------------------
******element******
----------------------------------------------------*/
/*@import url(“print.css”) print;*/
.mont {
  font-family: "Montserrat", sans-serif;
}

.fontEN, #mvTop #scroll_I,
#loading #scroll_I, .btnBox a .btnInr,
.btnBox button .btnInr,
.formBTN a .btnInr,
.formBTN button .btnInr, .artTitle .artTitle_title, #footer .inr .privacyBox #privacyBTN span, #footer .inr .f_nav ul li a strong, #spNav .spUL li a, #header .inr #g-nav > ul > li > a {
  font-family: "Lato", sans-serif;
}

/*----------------------------------------------------
******RESET******
----------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none !important;
}

body,
html {
  width: 100%;
  height: 100%;
  font-family: YakuHanJP, "Montserrat", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-weight: 500;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.8rem;
  background: #fff;
  color: #000;
  *font-size: small;
  *font: x-small;
  vertical-align: top;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
}
@media screen and (max-width: 765px) {
  body {
    font-size: 1.5rem;
  }
}
body.ipad {
  min-width: auto !important;
}

main,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

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

table {
  font-size: inherit;
  font-size: 100% !important;
}

img {
  will-change: opacity;
  border: none;
}

ul,
ol {
  list-style-type: none;
}

hr {
  display: none;
}

a {
  color: #454545;
  text-decoration: none;
  cursor: pointer;
  outline: none !important;
  will-change: opacity, top, right, bottom, left;
}
a[href^="tel:"] {
  cursor: default;
}
a img:hover {
  opacity: 0.8;
}
a:link {
  color: #454545;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #0da2f8 !important;
}
a img {
  background-color: transparent;
}
a:hover img {
  background-color: transparent;
  text-decoration: none;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

p {
  line-height: 1.8;
  margin-bottom: 1em;
  word-break: break-all;
  letter-spacing: 0.08em;
}

li {
  line-height: 1.8;
}
li img {
  background-color: transparent;
  text-decoration: none;
}

::-moz-selection {
  background-color: #00A0E9;
  color: #FFF;
  /* Safari */
}

::selection {
  background-color: #00A0E9;
  color: #FFF;
  /* Safari */
}

::-moz-selection {
  background-color: #00A0E9;
  color: #FFF;
  /* Firefox */
}

input::-ms-clear {
  visibility: hidden;
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

@media screen and (max-width: 765px) {
  body {
    min-width: initial !important;
    min-width: auto !important;
  }
}
@media screen and (max-width: 1025px) {
  #main {
    width: 100% !important;
    float: none !important;
  }
}
.sp * {
  -webkit-overflow-scrolling: touch;
  -webkit-text-size-adjust: 100%;
}

@media screen and (max-width: 765px) {
  input[type=text],
  input[type=submit],
  input[type=reset],
  input[type=hidden],
  input[type=search],
  input[type=tel],
  input[type=url],
  input[type=email],
  input[type=password],
  input[type=number],
  input[type=file],
  input[type=button] {
    -webkit-appearance: none;
  }
}
/*----------------------------------------------------
☆☆CLEAR☆☆
--------------------------------------------------*/
.clearfix {
  zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear_noie {
  display: inline !important;
  display: none;
  clear: both;
  line-height: 0px;
}

/*----------------------------------------------------
☆☆LOADING☆☆
--------------------------------------------------*/
#loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000;
  z-index: 2147000000;
  transition: all 0.8s ease-out;
  -moz-transition: all 0.8s ease-out;
  -webkit-transition: all 0.8s ease-out;
  -ms-transition: all 0.8s ease-out;
  will-change: opacity;
}
#loading.off {
  opacity: 0;
  visibility: hidden;
}
#loading .skip {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #fff;
  padding: 3px 15px;
  border-radius: 1000px;
  border: 1px solid #fff;
  font-size: 100%;
}
#loading .skip:hover {
  cursor: pointer !important;
}
#loading .centerBox, #loading #art_4 .artInr .ourWillContent .ourWillContent_Inr, #art_4 .artInr .ourWillContent #loading .ourWillContent_Inr, #loading #art_3 .artInr .businessContent .businessContent_inr, #art_3 .artInr .businessContent #loading .businessContent_inr, #loading #footer .inr .privacyBox #privacyAC, #footer .inr .privacyBox #loading #privacyAC {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  width: 100%;
}
#loading .centerBox #svgLogo, #loading #art_4 .artInr .ourWillContent .ourWillContent_Inr #svgLogo, #art_4 .artInr .ourWillContent #loading .ourWillContent_Inr #svgLogo, #loading #art_3 .artInr .businessContent .businessContent_inr #svgLogo, #art_3 .artInr .businessContent #loading .businessContent_inr #svgLogo, #loading #footer .inr .privacyBox #privacyAC #svgLogo, #footer .inr .privacyBox #loading #privacyAC #svgLogo {
  display: inline-block;
  width: 500px;
}

.sessionOn #loading .skip,
.sessionOn #loading .centerBox,
.sessionOn #loading #art_4 .artInr .ourWillContent .ourWillContent_Inr,
#art_4 .artInr .ourWillContent .sessionOn #loading .ourWillContent_Inr,
.sessionOn #loading #art_3 .artInr .businessContent .businessContent_inr,
#art_3 .artInr .businessContent .sessionOn #loading .businessContent_inr,
.sessionOn #loading #footer .inr .privacyBox #privacyAC,
#footer .inr .privacyBox .sessionOn #loading #privacyAC {
  display: none !important;
}

/*----------------------------------------------------
******HEADER******
----------------------------------------------------*/
#header {
  background: rgba(255, 255, 255, 0);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  z-index: 99990;
}
#header .inr {
  height: 95px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width: 765px) {
  #header .inr {
    height: 45px;
  }
}
#header .inr #logo {
  left: 25px;
  width: 55px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 765px) {
  #header .inr #logo {
    left: 15px;
  }
}
@media screen and (max-width: 765px) {
  #header .inr #logo {
    width: 150px;
  }
}
#header .inr #logo a {
  height: 95px;
  line-height: 95px;
  padding: 10px 0 10px 0;
  display: inline-block;
}
@media screen and (max-width: 765px) {
  #header .inr #logo a {
    height: 45px;
  }
}
@media screen and (max-width: 765px) {
  #header .inr #logo a {
    line-height: 45px;
  }
}
@media screen and (max-width: 765px) {
  #header .inr #logo a {
    padding: 5px 0 5px 0;
  }
}
#header .inr #logo a img {
  mix-blend-mode: difference;
}
#header .inr #g-nav {
  right: 95px;
  position: absolute;
  top: 0;
}
@media screen and (max-width: 765px) {
  #header .inr #g-nav {
    right: 45px;
  }
}
#header .inr #g-nav > ul {
  text-align: right;
}
#header .inr #g-nav > ul > li {
  display: inline-block;
}
#header .inr #g-nav > ul > li > a {
  font-size: 2.2rem;
  font-weight: bold;
  display: block;
  text-align: center;
}
@media screen and (max-width: 765px) {
  #header .inr #g-nav > ul > li > a {
    font-size: 1.3rem;
  }
}
#header .inr #g-nav > ul > li > a span {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  padding: 0 3em;
  line-height: 95px;
  display: inline-block;
  text-align: center;
  color: #fff;
  background: #000;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 765px) {
  #header .inr #g-nav > ul > li > a span {
    padding: 0 1.5em;
  }
}
@media screen and (max-width: 765px) {
  #header .inr #g-nav > ul > li > a span {
    line-height: 45px;
  }
}
#header .inr #g-nav > ul > li > a:hover span {
  color: #0da2f8;
}

/*----------------------------------------------------
******MENU-TRIGGER BASE******
----------------------------------------------------*/
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.menu-trigger {
  position: relative;
  width: 50px;
  height: 45px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
  will-change: transform, top, right, bottom, left;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/*----------------------------------------------------
******SP SETTEING******
----------------------------------------------------*/
#triggerBox {
  height: 95px;
  width: 95px;
  position: fixed !important;
  top: 0;
  right: 0;
  background: #000;
  z-index: 99990;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
@media screen and (max-width: 765px) {
  #triggerBox {
    height: 45px;
  }
}
@media screen and (max-width: 765px) {
  #triggerBox {
    width: 45px;
  }
}

#header .inr .spBTN_NavR {
  top: 35%;
  left: 35%;
  position: absolute !important;
  -webkit-transform: scale(0.4) translate(-50%, -50%);
      -ms-transform: scale(0.4) translate(-50%, -50%);
          transform: scale(0.4) translate(-50%, -50%);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  width: 50px;
  height: 44px;
}
@media screen and (max-width: 765px) {
  #header .inr .spBTN_NavR {
    top: 20%;
  }
}
@media screen and (max-width: 765px) {
  #header .inr .spBTN_NavR {
    left: 20%;
  }
}

#header .inr .spBTN_NavR.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-45deg);
      -ms-transform: translateY(20px) rotate(-45deg);
          transform: translateY(20px) rotate(-45deg);
}

#header .inr .spBTN_NavR.active span:nth-of-type(2) {
  left: 200%;
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-animation: a 0.8s forwards;
          animation: a 0.8s forwards;
}

@-webkit-keyframes a {
  to {
    height: 0;
  }
}
@keyframes a {
  to {
    height: 0;
  }
}
#header .inr .spBTN_NavR.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(45deg);
      -ms-transform: translateY(-20px) rotate(45deg);
          transform: translateY(-20px) rotate(45deg);
}

/*----------------------------------------------------
******spNav******
----------------------------------------------------*/
#spNav {
  background: transparent;
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
  z-index: 99950;
  opacity: 0;
}

#spNav,
#spNav #inrBox {
  height: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

#spNav #inrBox {
  width: 100%;
  margin-left: 100%;
  padding-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#spNav.open {
  background: rgba(0, 0, 0, 0.85);
  visibility: visible;
  opacity: 1;
}
#spNav.open #inrBox {
  margin-left: 0%;
}
#spNav.open #inrBox .spUL {
  width: 100%;
}

#spNav.open,
#spNav.open #inrBox {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

#spNav .spUL li a {
  font-size: 5.5rem;
  margin-bottom: 40px;
  line-height: 1em;
  display: block;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 765px) {
  #spNav .spUL li a {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 765px) {
  #spNav .spUL li a {
    margin-bottom: 35px;
  }
}

/*----------------------------------------------------
******FOOTER******
----------------------------------------------------*/
#footer {
  clear: both;
}
#footer .inr {
  padding: 100px 0 80px;
  border-top: 1px solid #b2b2b2;
}
@media screen and (max-width: 765px) {
  #footer .inr {
    padding: 60px 0 40px;
  }
}
#footer .inr .f_nav {
  margin-bottom: 30px;
}
#footer .inr .f_nav ul {
  text-align: center;
}
#footer .inr .f_nav ul li {
  font-size: 1.6rem;
  margin: 0 30px;
  display: inline-block;
}
@media screen and (max-width: 765px) {
  #footer .inr .f_nav ul li {
    font-size: 1.1rem;
  }
}
@media screen and (max-width: 765px) {
  #footer .inr .f_nav ul li {
    margin: 0 5px;
  }
}
#footer .inr .f_nav ul li a {
  display: block;
  text-align: center;
}
#footer .inr .f_nav ul li a strong {
  display: inline-block;
  text-decoration: underline !important;
  font-weight: bold;
}
#footer .inr .artTitle {
  display: inline-block;
  width: auto;
}
#footer .inr .artTitle .artTitle_title {
  border-bottom: 5px solid #000;
}
#footer .inr .artTitle .artTitle_title .effectTxt_1 {
  line-height: 1;
  margin-bottom: 0 !important;
}
#footer .inr .artTitle .artTitle_title .effectTxt_1 span {
  font-size: 7.2rem;
  line-height: 1;
}
@media screen and (max-width: 765px) {
  #footer .inr .artTitle .artTitle_title .effectTxt_1 span {
    font-size: 5rem;
  }
}
#footer .inr .privacyBox #privacyBTN {
  text-align: center;
  position: relative;
}
#footer .inr .privacyBox #privacyBTN:after {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  content: "";
  position: absolute;
  border-top: 10px solid #000;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  bottom: -25px;
  left: calc(50% - 5px);
  -webkit-transform-origin: 50% 25%;
      -ms-transform-origin: 50% 25%;
          transform-origin: 50% 25%;
  will-change: border-top, transform;
}
#footer .inr .privacyBox #privacyBTN span {
  font-size: 2rem;
  display: inline-block;
  cursor: pointer !important;
  text-decoration: underline !important;
  position: relative;
  font-weight: bold;
}
@media screen and (max-width: 765px) {
  #footer .inr .privacyBox #privacyBTN span {
    font-size: 1.8rem;
  }
}
#footer .inr .privacyBox #privacyBTN.on:after {
  border-top: 10px solid #ccc;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
#footer .inr .privacyBox #privacyBTN:hover:after {
  border-top: 10px solid #0da2f8;
}
#footer .inr .privacyBox #privacyBTN:hover span {
  color: #0da2f8;
}
#footer .inr .privacyBox #privacyAC {
  font-size: 1.2rem;
  padding: 20px 30px;
  border-radius: 15px;
  border: 5px solid #eee;
  line-height: 1.4;
  display: none;
}
@media screen and (max-width: 765px) {
  #footer .inr .privacyBox #privacyAC {
    font-size: 1rem;
  }
}
#footer .inr #copy {
  text-align: center;
}
#footer .inr #copy small {
  font-size: 1.2rem;
}
@media screen and (max-width: 765px) {
  #footer .inr #copy small {
    font-size: 1rem;
  }
}

#scrollTopBtn {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  position: fixed;
  opacity: 0;
  width: 70px;
  height: 70px;
  bottom: 15px;
  right: 15px;
  background: no-repeat center center url(img/cmn/scrollTopBtn.png);
  background-size: cover;
  visibility: hidden;
  overflow: hidden;
  border-radius: 5px;
  z-index: 99990;
}
#scrollTopBtn.on {
  opacity: 0.85;
  visibility: visible;
  cursor: pointer;
}
#scrollTopBtn.on:hover {
  opacity: 1;
  cursor: pointer;
}
@media screen and (max-width: 765px) {
  #scrollTopBtn {
    width: 50px;
    height: 50px;
    bottom: 10px;
    right: 10px;
  }
}

.artTitle {
  width: 100%;
}
.artTitle .artTitle_title {
  text-align: center;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 0;
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media screen and (max-width: 765px) {
  .artTitle .artTitle_title {
    font-size: 5rem;
  }
}
.artTitle .artTitle_title .effectTxt_1 {
  display: inline-block;
  overflow: hidden;
  font: inherit;
  line-height: 1em;
}
.artTitle .artTitle_title .effectTxt_1 span {
  will-change: opacity, transform;
  display: inline-block;
  -webkit-transform: translateX(3rem);
      -ms-transform: translateX(3rem);
          transform: translateX(3rem);
  opacity: 0;
  font: inherit;
  line-height: 1em;
}
.artTitle .littleLetter {
  font-size: 3rem;
  will-change: opacity, transform;
  text-align: center;
  opacity: 0;
  letter-spacing: 0.2em;
  line-height: 1.6em;
}
@media screen and (max-width: 765px) {
  .artTitle .littleLetter {
    font-size: 1.8rem;
  }
}
.artTitle .artTitle_mess {
  font-size: 3.6rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.4;
}
@media screen and (max-width: 765px) {
  .artTitle .artTitle_mess {
    font-size: 2rem;
  }
}
.artTitle .artTitle_mess .effectTxt_2 {
  display: inline-block;
  overflow: hidden;
  font: inherit;
  line-height: 1.4em;
}
.artTitle .artTitle_mess .effectTxt_2 span {
  will-change: opacity, transform;
  display: inline-block;
  opacity: 0;
  font: inherit;
  line-height: 1.3em;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(1) span {
  -webkit-transition: all 1s 0.1s;
  transition: all 1s 0.1s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(2) span {
  -webkit-transition: all 1s 0.2s;
  transition: all 1s 0.2s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(3) span {
  -webkit-transition: all 1s 0.3s;
  transition: all 1s 0.3s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(4) span {
  -webkit-transition: all 1s 0.4s;
  transition: all 1s 0.4s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(5) span {
  -webkit-transition: all 1s 0.5s;
  transition: all 1s 0.5s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(6) span {
  -webkit-transition: all 1s 0.6s;
  transition: all 1s 0.6s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(7) span {
  -webkit-transition: all 1s 0.7s;
  transition: all 1s 0.7s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(8) span {
  -webkit-transition: all 1s 0.8s;
  transition: all 1s 0.8s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(9) span {
  -webkit-transition: all 1s 0.9s;
  transition: all 1s 0.9s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(10) span {
  -webkit-transition: all 1s 1s;
  transition: all 1s 1s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(11) span {
  -webkit-transition: all 1s 1.1s;
  transition: all 1s 1.1s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(12) span {
  -webkit-transition: all 1s 1.2s;
  transition: all 1s 1.2s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(13) span {
  -webkit-transition: all 1s 1.3s;
  transition: all 1s 1.3s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(14) span {
  -webkit-transition: all 1s 1.4s;
  transition: all 1s 1.4s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_1:nth-child(15) span {
  -webkit-transition: all 1s 1.5s;
  transition: all 1s 1.5s;
  -webkit-transform: translateX(0) !important;
      -ms-transform: translateX(0) !important;
          transform: translateX(0) !important;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(1) span {
  -webkit-transition: all 0.4s 1.38s;
  transition: all 0.4s 1.38s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(2) span {
  -webkit-transition: all 0.4s 1.41s;
  transition: all 0.4s 1.41s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(3) span {
  -webkit-transition: all 0.4s 1.44s;
  transition: all 0.4s 1.44s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(4) span {
  -webkit-transition: all 0.4s 1.47s;
  transition: all 0.4s 1.47s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(5) span {
  -webkit-transition: all 0.4s 1.5s;
  transition: all 0.4s 1.5s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(6) span {
  -webkit-transition: all 0.4s 1.53s;
  transition: all 0.4s 1.53s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(7) span {
  -webkit-transition: all 0.4s 1.56s;
  transition: all 0.4s 1.56s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(8) span {
  -webkit-transition: all 0.4s 1.59s;
  transition: all 0.4s 1.59s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(9) span {
  -webkit-transition: all 0.4s 1.62s;
  transition: all 0.4s 1.62s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(10) span {
  -webkit-transition: all 0.4s 1.65s;
  transition: all 0.4s 1.65s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(11) span {
  -webkit-transition: all 0.4s 1.68s;
  transition: all 0.4s 1.68s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(12) span {
  -webkit-transition: all 0.4s 1.71s;
  transition: all 0.4s 1.71s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(13) span {
  -webkit-transition: all 0.4s 1.74s;
  transition: all 0.4s 1.74s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(14) span {
  -webkit-transition: all 0.4s 1.77s;
  transition: all 0.4s 1.77s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(15) span {
  -webkit-transition: all 0.4s 1.8s;
  transition: all 0.4s 1.8s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(16) span {
  -webkit-transition: all 0.4s 1.83s;
  transition: all 0.4s 1.83s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(17) span {
  -webkit-transition: all 0.4s 1.86s;
  transition: all 0.4s 1.86s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(18) span {
  -webkit-transition: all 0.4s 1.89s;
  transition: all 0.4s 1.89s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(19) span {
  -webkit-transition: all 0.4s 1.92s;
  transition: all 0.4s 1.92s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(20) span {
  -webkit-transition: all 0.4s 1.95s;
  transition: all 0.4s 1.95s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(21) span {
  -webkit-transition: all 0.4s 1.98s;
  transition: all 0.4s 1.98s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(22) span {
  -webkit-transition: all 0.4s 2.01s;
  transition: all 0.4s 2.01s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(23) span {
  -webkit-transition: all 0.4s 2.04s;
  transition: all 0.4s 2.04s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(24) span {
  -webkit-transition: all 0.4s 2.07s;
  transition: all 0.4s 2.07s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(25) span {
  -webkit-transition: all 0.4s 2.1s;
  transition: all 0.4s 2.1s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(26) span {
  -webkit-transition: all 0.4s 2.13s;
  transition: all 0.4s 2.13s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(27) span {
  -webkit-transition: all 0.4s 2.16s;
  transition: all 0.4s 2.16s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(28) span {
  -webkit-transition: all 0.4s 2.19s;
  transition: all 0.4s 2.19s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(29) span {
  -webkit-transition: all 0.4s 2.22s;
  transition: all 0.4s 2.22s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(30) span {
  -webkit-transition: all 0.4s 2.25s;
  transition: all 0.4s 2.25s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(31) span {
  -webkit-transition: all 0.4s 2.28s;
  transition: all 0.4s 2.28s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(32) span {
  -webkit-transition: all 0.4s 2.31s;
  transition: all 0.4s 2.31s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(33) span {
  -webkit-transition: all 0.4s 2.34s;
  transition: all 0.4s 2.34s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(34) span {
  -webkit-transition: all 0.4s 2.37s;
  transition: all 0.4s 2.37s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(35) span {
  -webkit-transition: all 0.4s 2.4s;
  transition: all 0.4s 2.4s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(36) span {
  -webkit-transition: all 0.4s 2.43s;
  transition: all 0.4s 2.43s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(37) span {
  -webkit-transition: all 0.4s 2.46s;
  transition: all 0.4s 2.46s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(38) span {
  -webkit-transition: all 0.4s 2.49s;
  transition: all 0.4s 2.49s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(39) span {
  -webkit-transition: all 0.4s 2.52s;
  transition: all 0.4s 2.52s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .effectTxt_2:nth-child(40) span {
  -webkit-transition: all 0.4s 2.55s;
  transition: all 0.4s 2.55s;
  opacity: 1;
}

.artTitle.scrollAddClass_ON .littleLetter {
  -webkit-transition: all 0.8s 0.5s;
  transition: all 0.8s 0.5s;
  opacity: 1;
}

.messTxt {
  font-size: 2.4rem;
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 2;
  opacity: 0;
  position: relative;
  z-index: 5;
}
@media screen and (max-width: 765px) {
  .messTxt {
    font-size: 1.3rem;
  }
}

.messTxt.scrollAddClass_ON {
  -webkit-transition: all 1s 1.5s;
  transition: all 1s 1.5s;
  opacity: 1;
}

/*----------------------------------------------------
******ETC******
----------------------------------------------------*/
.object-fit_parent {
  position: relative;
  overflow: hidden;
}

.object-fit {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;";
  /*IE*/
}

.ancParent {
  position: relative;
}

.ancPoint {
  position: absolute;
  opacity: 0;
  padding-top: 115px;
  margin-top: -115px;
}
@media screen and (max-width: 765px) {
  .ancPoint {
    padding-top: 60px;
    margin-top: -60px;
  }
}

.underLine {
  text-decoration: underline !important;
}

#topcontrol {
  z-index: 10000;
}
#topcontrol img {
  vertical-align: bottom;
}

/*----------------------------------------------------
******WIDTH******
----------------------------------------------------*/
.w10 {
  width: 10% !important;
}

.w20 {
  width: 20% !important;
}

.w25 {
  width: 25% !important;
}

.w30 {
  width: 30% !important;
}

.w33 {
  width: 33.33% !important;
  width: 33.3333333333%;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w60 {
  width: 60% !important;
}

.w70 {
  width: 70% !important;
}

.w80 {
  width: 80% !important;
}

.w90, #art_4 .artInr .ourWillContent .ourWillContent_Inr, #art_3 .artInr .businessContent .businessContent_inr, #footer .inr .privacyBox #privacyAC {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

@media screen and (max-width: 765px) {
  .spWidth33 {
    width: 33.33% !important;
  }
  .spWidth30 {
    width: 30% !important;
  }
  .spWidth45 {
    width: 45% !important;
  }
  .spWidth50 {
    width: 50% !important;
  }
  .spWidth60 {
    width: 60% !important;
  }
  .spWidth70 {
    width: 70% !important;
  }
  .spWidth80 {
    width: 80% !important;
  }
  .spWidth90 {
    width: 90% !important;
  }
  .spWidth95 {
    width: 95% !important;
  }
  .spWidth100 {
    width: 100% !important;
  }
  .spImg50 {
    height: auto !important;
    width: 50% !important;
  }
  .spImg60 {
    height: auto !important;
    width: 60% !important;
  }
  .spImg70 {
    height: auto !important;
    width: 70% !important;
  }
  .spImg80 {
    height: auto !important;
    width: 80% !important;
  }
  .spImg90 {
    height: auto !important;
    width: 90% !important;
  }
  .spImg100 {
    height: auto !important;
    width: 100% !important;
  }
}
/*----------------------------------------------------
******DISPLAY******
----------------------------------------------------*/
.block {
  display: block !important;
}

.inline {
  display: inline !important;
}

.inlineBlock {
  display: inline-block !important;
}

.none {
  display: none !important;
}

.noBorder {
  border: none !important;
}

/*pc*/
.pcBlock {
  display: block;
}

.pcInline {
  display: inline;
}

.pcInlineBlock {
  display: inline-block;
}

.pcTable {
  display: table;
}

.pcInlineBlock {
  display: inline-block;
}

/*sp*/
.spBlock {
  display: none;
}

.spInline {
  display: none;
}

.spTable_block {
  display: block;
}

.spInlineBlock {
  display: none;
}

@media screen and (max-width: 765px) {
  /*pc*/
  .pcBlock {
    display: none;
  }
  .pcInline {
    display: none;
  }
  .pcInlineBlock {
    display: none;
  }
  .pcTable {
    display: block;
  }
  .pcInlineBlock {
    display: none;
  }
  /*sp*/
  .spBlock {
    display: block;
  }
  .spInline {
    display: inline;
  }
  .spTable_block {
    display: table;
  }
  .spInlineBlock {
    display: inline-block;
  }
}
/*----------------------------------------------------
******TBL******
----------------------------------------------------*/
.wpBlockTBL > table {
  table-layout: fixed;
}
.wpBlockTBL > table > tbody > tr td:nth-child(1) {
  width: 13em;
}

.baseTBL > table {
  border-collapse: collapse;
  width: 100%;
}
.baseTBL > table tr.must th:before {
  content: "* ";
  color: red;
  font-size: 1rem;
}
.baseTBL > table th {
  text-align: left;
  vertical-align: top;
  font-weight: bold;
}
.baseTBL > table td {
  color: #676767;
}
.baseTBL > table th,
.baseTBL > table td {
  border-bottom: 1px solid #ddd;
  padding: 1em 1em 1em 0em;
}
.baseTBL > table thead th,
.baseTBL > table thead td {
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.scrollTBL > table th,
.scrollTBL > table td {
  display: table-cell !important;
}

.scrollCaution {
  font-size: 77%;
}

.scrollTable::-webkit-scrollbar {
  height: 3px;
}

.scrollTable::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.scrollTable::-webkit-scrollbar-thumb {
  background: #bcbcbc;
}

/*table*/
@media screen and (max-width: 765px) {
  .simpleTBL > table > tbody > tr > th,
  .simpleTBL > table > tbody > tr > td {
    display: block;
    width: 100% !important;
  }
  .scrollTBL {
    display: block;
    overflow: auto;
    white-space: pre-line;
    padding-bottom: 20px;
    position: relative;
  }
  .scrollTBL:after {
    content: "\f30b";
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    position: absolute;
    right: 40px;
    bottom: 3px;
    color: #454545;
    -webkit-animation: scrillTBL_Icon 2s ease-out infinite;
            animation: scrillTBL_Icon 2s ease-out infinite;
    font-size: 10px;
  }
  @-webkit-keyframes scrillTBL_Icon {
    0% {
      opacity: 1;
      right: 40px;
    }
    100% {
      opacity: 0;
      right: 0px;
    }
  }
  @keyframes scrillTBL_Icon {
    0% {
      opacity: 1;
      right: 40px;
    }
    100% {
      opacity: 0;
      right: 0px;
    }
  }
  .scrollTBL > table {
    min-width: 640px;
    max-width: 1300px;
  }
}
/*----------------------------------------------------
******UL OL******
----------------------------------------------------*/
.baseUL > li {
  margin-left: 1em;
  text-indent: -1em;
  border-bottom: 1px dotted #ccc;
  padding: 0.8em 0;
}
.baseUL > li:before {
  content: "● ";
  color: #f1f1f1;
}

.simpleUL > li {
  padding: 0.6em 0;
}

/*ol*/
ol.baseOL {
  margin-bottom: 30px;
  counter-reset: list-count;
  list-style: none;
  counter-reset: number;
}
@media screen and (max-width: 765px) {
  ol.baseOL {
    margin-bottom: 15px;
  }
}
ol.baseOL > li {
  margin-left: 2.1em;
  text-indent: -2.2em;
  border-bottom: 1px dotted #ccc;
  padding: 0.5em 0;
}
ol.baseOL > li::before {
  content: counter(number, decimal-leading-zero);
  counter-increment: number;
  color: #f1f1f1;
  font-style: normal;
  font-weight: bold;
  font-size: 110%;
  width: 1.5em;
  display: inline-block;
  text-align: right;
  margin-right: 8px;
}
ol.baseOL > li:last-child {
  border-bottom: none;
}

/*----------------------------------------------------
******TITLE******
----------------------------------------------------*/
.centerLeft_P,
.centerRight_P {
  text-align: center;
}

.leftCenter_P,
.leftRight_P {
  text-align: left;
}

.rightCenter_P,
.rightLeft_P {
  text-align: right;
}

.txt_XXXXX {
  font-size: 80px;
  font-size: 8rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_XXXXX {
    font-size: 60px;
    font-size: 6rem;
    line-height: 1.6;
  }
}

.txt_XXXX {
  font-size: 72px;
  font-size: 7.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_XXXX {
    font-size: 42px;
    font-size: 4.2rem;
    line-height: 1.6;
  }
}

.txt_XXX {
  font-size: 60px;
  font-size: 6rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_XXX {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1.6;
  }
}

.txt_XX {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_XX {
    font-size: 30px;
    font-size: 3rem;
    line-height: 1.6;
  }
}

.txt_X {
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_X {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6;
  }
}

.txt_LL {
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_LL {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6;
  }
}

.txt_L {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_L {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.txt_MM {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_MM {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}

.txt_M {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_M {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

.txt_SS {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_SS {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.6;
  }
}

.txt_S {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.6;
}
@media screen and (max-width: 765px) {
  .txt_S {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.6;
  }
}

@media screen and (max-width: 765px) {
  .secTitle .btn {
    display: block;
    width: 30%;
    margin: 30px auto;
    position: static;
  }
  .centerLeft_P,
  .rightLeft_P {
    text-align: left;
  }
  .leftCenter_P,
  .rightCenter_P {
    text-align: center;
  }
  .leftRight_P,
  .centerRight_P {
    text-align: right;
  }
}
/*----------------------------------------------------
******BOX SETTING******
----------------------------------------------------*/
.centerBox, #art_4 .artInr .ourWillContent .ourWillContent_Inr, #art_3 .artInr .businessContent .businessContent_inr, #footer .inr .privacyBox #privacyAC {
  margin-left: auto !important;
  margin-right: auto !important;
}

.fadeBlock {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  opacity: 0;
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}
.fadeBlock.fadeBlockOn {
  -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

/*fadeBlock*/
.max1500 {
  max-width: 1500px;
}

.max1300, #art_4 .artInr .ourWillContent .ourWillContent_Inr, #art_3 .artInr .businessContent .businessContent_inr {
  max-width: 1300px;
}

.max1250 {
  max-width: 1250px;
}

.max1000 {
  max-width: 1000px;
}

.max900 {
  max-width: 900px;
}

.max800, #footer .inr .privacyBox #privacyAC {
  max-width: 800px;
}

.max750 {
  max-width: 750px;
}

.max767 {
  max-width: 767px;
}

.max600 {
  max-width: 600px;
}

.max500 {
  max-width: 500px;
}

.max400 {
  max-width: 400px;
}

.max300 {
  max-width: 300px;
}

.max250 {
  max-width: 250px;
}

.max200 {
  max-width: 200px;
}

.max150 {
  max-width: 150px;
}

.max100 {
  max-width: 100px;
}

/*----------------------------------------------------
******BTN******
----------------------------------------------------*/
.btnBox,
.formBTN {
  text-align: center;
  margin-bottom: 2em;
}
.btnBox.btnBox_2 a, .btnBox.btnBox_2 button, .btnBox.btnBox_3 a, .btnBox.btnBox_3 button, .btnBox.btnBox_4 a, .btnBox.btnBox_4 button,
.formBTN.btnBox_2 a,
.formBTN.btnBox_2 button,
.formBTN.btnBox_3 a,
.formBTN.btnBox_3 button,
.formBTN.btnBox_4 a,
.formBTN.btnBox_4 button {
  margin-left: 5px;
  margin-right: 5px;
}
.btnBox a,
.btnBox button,
.formBTN a,
.formBTN button {
  display: inline-block;
  background: #000;
  overflow: hidden;
  border: none;
}
.btnBox a .btnInr,
.btnBox button .btnInr,
.formBTN a .btnInr,
.formBTN button .btnInr {
  font-size: 2.2rem;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  color: #fff !important;
  display: inline-block;
  padding: 0.6em 2em;
  text-align: center;
  font-family: inherit;
  text-decoration: underline;
  font-weight: bold;
}
@media screen and (max-width: 765px) {
  .btnBox a .btnInr,
  .btnBox button .btnInr,
  .formBTN a .btnInr,
  .formBTN button .btnInr {
    font-size: 1.5rem;
  }
}
.btnBox a:hover .btnInr,
.btnBox button:hover .btnInr,
.formBTN a:hover .btnInr,
.formBTN button:hover .btnInr {
  color: #fff !important;
  background: #f1f1f1 !important;
}
.btnBox a.whiteBTN,
.btnBox button.whiteBTN,
.formBTN a.whiteBTN,
.formBTN button.whiteBTN {
  background: #fff !important;
}
.btnBox a.whiteBTN .btnInr,
.btnBox button.whiteBTN .btnInr,
.formBTN a.whiteBTN .btnInr,
.formBTN button.whiteBTN .btnInr {
  color: #000 !important;
}
.btnBox a.whiteBTN:hover .btnInr,
.btnBox button.whiteBTN:hover .btnInr,
.formBTN a.whiteBTN:hover .btnInr,
.formBTN button.whiteBTN:hover .btnInr {
  color: #fff !important;
}
.btnBox a.conf,
.btnBox button.conf,
.formBTN a.conf,
.formBTN button.conf {
  background: #f1f1f1;
  border: none;
  opacity: 0.5;
}
.btnBox a.conf.disabled,
.btnBox button.conf.disabled,
.formBTN a.conf.disabled,
.formBTN button.conf.disabled {
  opacity: 1;
  cursor: pointer;
}
.btnBox a.submit,
.btnBox button.submit,
.formBTN a.submit,
.formBTN button.submit {
  background: #f1f1f1;
  border: none;
}
.btnBox a.back,
.btnBox button.back,
.formBTN a.back,
.formBTN button.back {
  background: #999;
  border: none;
}
.btnBox a.disabled:hover,
.btnBox button.disabled:hover,
.formBTN a.disabled:hover,
.formBTN button.disabled:hover {
  background: rgb(50, 154, 198);
  cursor: pointer;
}

/*----------------------------------------------------
******INDENT******
----------------------------------------------------*/
.fLeft {
  float: left !important;
}

.fRight {
  float: right !important;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

.btm0 {
  margin-bottom: 0 !important;
}

.btm150px, #art_5, #art_4, #art_3, #art_2, #art_1 {
  margin-bottom: 150px !important;
}

.btm100px, #art_5 .artInr .profileMess, #art_5 .artInr .baseTBL, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd, #footer .inr .privacyBox, .artTitle .littleLetter {
  margin-bottom: 100px !important;
}

.btm60px, .messTxt {
  margin-bottom: 60px !important;
}

.btm50px, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt, #mvTop #catch .zero,
#loading #catch .zero {
  margin-bottom: 50px !important;
}

.btm30px, #mvTop #catch .mess,
#loading #catch .mess, #footer .inr .artTitle .artTitle_title, .artTitle .artTitle_title .effectTxt_1 {
  margin-bottom: 30px !important;
}

.btm15px, #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_title, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessTxt {
  margin-bottom: 15px !important;
}

.btm10px, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li {
  margin-bottom: 10px !important;
}

.btm5px {
  margin-bottom: 5px !important;
}

@media screen and (max-width: 765px) {
  .btm150px, #art_5, #art_4, #art_3, #art_2, #art_1 {
    margin-bottom: 75px !important;
  }
  .btm100px, #art_5 .artInr .profileMess, #art_5 .artInr .baseTBL, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd, #footer .inr .privacyBox, .artTitle .littleLetter {
    margin-bottom: 50px !important;
  }
  .btm60px, .messTxt {
    margin-bottom: 30px !important;
  }
  .btm50px, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt, #mvTop #catch .zero,
  #loading #catch .zero {
    margin-bottom: 25px !important;
  }
  .btm30px, #mvTop #catch .mess,
  #loading #catch .mess, #footer .inr .artTitle .artTitle_title, .artTitle .artTitle_title .effectTxt_1 {
    margin-bottom: 15px !important;
  }
  .btm15px, #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_title, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessTxt {
    margin-bottom: 7.5px !important;
  }
  .btm10px, #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li {
    margin-bottom: 5px !important;
  }
  .btm5px {
    margin-bottom: 3px !important;
  }
}
/*----------------------------------------------------
******FONT******
----------------------------------------------------*/
.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

.vAT {
  vertical-align: top !important;
}

.vAM {
  vertical-align: middle !important;
}

.vAB {
  vertical-align: bottom !important;
}

/*----------------------------------------------------
******scrollBTN******
----------------------------------------------------*/
#scrollBTN {
  color: #fff !important;
  position: absolute;
  bottom: 20px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  -ms-transform: translate(-50%, -50%) scale(0.75);
      transform: translate(-50%, -50%) scale(0.75);
  text-decoration: none;
  padding-top: 60px;
}
#scrollBTN span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 30px;
  height: 50px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#scrollBTN span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: "";
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@-webkit-keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 20px);
            transform: translate(0, 20px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*----------------------------------------------------
☆☆topPage☆☆
----------------------------------------------------*/
#mvTop {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  z-index: -1;
}

#loading #catch .mess {
  color: #fff !important;
}
#loading #catch .subTxt {
  color: #fff !important;
}

#mvTop #catch,
#loading #catch {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 80%;
  max-width: 750px;
}
#mvTop #catch .mess,
#loading #catch .mess {
  font-size: 5.5rem;
  font-weight: bold;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  line-height: 1em;
}
@media screen and (max-width: 765px) {
  #mvTop #catch .mess,
  #loading #catch .mess {
    font-size: 2.6rem;
  }
}
#mvTop #catch .zero img,
#loading #catch .zero img {
  vertical-align: top;
}
#mvTop #catch .subTxt,
#loading #catch .subTxt {
  font-size: 1.5rem;
  color: #818181;
}
@media screen and (max-width: 765px) {
  #mvTop #catch .subTxt,
  #loading #catch .subTxt {
    font-size: 1rem;
  }
}
#mvTop #scroll_I,
#loading #scroll_I {
  font-size: 1.4rem;
  top: 50%;
  bottom: auto;
  right: 30px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
  position: absolute;
  font-style: normal;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 765px) {
  #mvTop #scroll_I,
  #loading #scroll_I {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 765px) {
  #mvTop #scroll_I,
  #loading #scroll_I {
    top: auto;
  }
}
@media screen and (max-width: 765px) {
  #mvTop #scroll_I,
  #loading #scroll_I {
    bottom: 20px;
  }
}
@media screen and (max-width: 765px) {
  #mvTop #scroll_I,
  #loading #scroll_I {
    right: 50%;
  }
}
#mvTop #scroll_I .scroll_item,
#loading #scroll_I .scroll_item {
  display: inline-block;
  position: relative;
  width: 2px;
  height: 80px;
  overflow: hidden;
}
#mvTop #scroll_I .scroll_item:after,
#loading #scroll_I .scroll_item:after {
  content: "";
  display: block;
  position: absolute;
  top: -100%;
  left: 50%;
  width: 1px;
  background: #000;
  height: 100%;
  -webkit-animation: scroll_item_after 2s infinite;
          animation: scroll_item_after 2s infinite;
}
@-webkit-keyframes scroll_item_after {
  0% {
    top: -100%;
  }
  40% {
    top: 0%;
  }
  80% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}
@keyframes scroll_item_after {
  0% {
    top: -100%;
  }
  40% {
    top: 0%;
  }
  80% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}

#mvTop.left_custom #catch,
#loading.left_custom #catch {
  text-align: center;
}

#art_1 .artInr .artTitle {
  margin-top: -70px;
}
@media screen and (max-width: 765px) {
  #art_1 .artInr .artTitle {
    margin-top: -35px;
  }
}

#art_2 .artInr {
  padding-top: 100px;
  position: relative;
}
@media screen and (max-width: 765px) {
  #art_2 .artInr {
    padding-top: 50px;
  }
}
#art_2 .artInr:after {
  width: calc(100vw - 130px);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 80%;
  background: #f1f1f1;
  z-index: -1;
}
@media screen and (max-width: 765px) {
  #art_2 .artInr:after {
    width: 85%;
  }
}
#art_2 .artInr .visionIMG {
  position: relative;
  z-index: 2;
  text-align: center;
  overflow: hidden;
}

#art_3 .artInr .businessIMG {
  text-align: center;
}
#art_3 .artInr .businessIMG img {
  width: 80%;
  max-width: 800px;
}
#art_3 .artInr .businessContent {
  padding: 100px 0;
  position: relative;
}
@media screen and (max-width: 765px) {
  #art_3 .artInr .businessContent {
    padding: 50px 0;
  }
}
#art_3 .artInr .businessContent:after {
  width: calc(100vw - 130px);
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  background: #f1f1f1;
  z-index: -1;
}
@media screen and (max-width: 765px) {
  #art_3 .artInr .businessContent:after {
    width: 85%;
  }
}
#art_3 .artInr .businessContent .businessContent_inr {
  position: relative;
  z-index: 1;
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt {
  width: 430px;
}
@media screen and (max-width: 1050px) {
  #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt {
    width: 80%;
  }
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt h3 {
  font-size: 2.4rem;
  background: #000;
  color: #fff;
  text-align: center;
  padding: 1em 0;
}
@media screen and (max-width: 765px) {
  #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt h3 {
    font-size: 1.8rem;
  }
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt h3 strong {
  font-weight: normal;
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dt h3 strong .mini {
  display: inline-block;
  margin-left: 5px;
  font-size: 80%;
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd {
  width: calc(100% - 500px);
}
@media screen and (max-width: 1050px) {
  #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd {
    width: 100%;
  }
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessTxt {
  font-size: 2.4rem;
  font-weight: bold;
}
@media screen and (max-width: 765px) {
  #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessTxt {
    font-size: 1.8rem;
  }
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li {
  font-size: 1.8rem;
  color: #666;
}
@media screen and (max-width: 765px) {
  #art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li {
    font-size: 1.5rem;
  }
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li:before {
  color: #fff;
  background: #000;
  width: 1em;
  display: inline-block;
  text-align: center;
  margin-right: 0.5em;
  height: 1em;
  line-height: 1em;
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li .mini {
  font-size: 80%;
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li:nth-child(1):before {
  content: "1";
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li:nth-child(2):before {
  content: "2";
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li:nth-child(3):before {
  content: "3";
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li:nth-child(4):before {
  content: "4";
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd .businessUL li:nth-child(5):before {
  content: "5";
}
#art_3 .artInr .businessContent .businessContent_inr .businessContent_DL dd:last-child {
  margin-bottom: 0 !important;
}

#art_4 .artInr {
  position: relative;
}
#art_4 .artInr #artTitle_black {
  top: -80px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 8;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr #artTitle_black {
    top: -25px;
  }
}
#art_4 .artInr .ourWillContent {
  background: no-repeat center center url(img/ourwillIMG.jpg);
  background-size: cover;
  width: 100%;
  position: relative;
  z-index: 9;
  overflow: hidden;
}
#art_4 .artInr .ourWillContent #artTitle_white {
  top: -80px;
  opacity: 0.25;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 10;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr .ourWillContent #artTitle_white {
    top: -25px;
  }
}
#art_4 .artInr .ourWillContent #artTitle_white .artTitle_title .effectTxt_1 {
  color: #fff !important;
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr {
  padding: 150px 0 90px;
  overflow: hidden;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr .ourWillContent .ourWillContent_Inr {
    padding: 100px 0 60px;
  }
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox > .lBox {
  width: 40%;
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox > .rBox {
  width: 60%;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox > .lBox {
    width: 100%;
  }
  #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox > .rBox {
    width: 100%;
  }
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .lBox {
  margin-bottom: 0;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .lBox {
    margin-bottom: 30px;
  }
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .lBox .ourWillIMG {
  text-align: center;
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .lBox .ourWillIMG img {
  width: 50%;
  max-width: 200px;
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_title {
  font-size: 2.4rem;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_title {
    font-size: 2rem;
  }
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_Txt {
  font-size: 1.7rem;
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 765px) {
  #art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_Txt {
    font-size: 1.5rem;
  }
}
#art_4 .artInr .ourWillContent .ourWillContent_Inr .lrBox .rBox .ourWillContent_Txt .indent {
  display: inline-block;
  text-indent: -0.5em;
  margin-left: 0.5em;
  margin-bottom: 10px;
}

#art_5 .artInr .artTitle .artTitle_title .effectTxt_1 {
  color: #fff !important;
  text-shadow: 2px 2px 0px rgb(0, 0, 0), -2px -2px 0px rgb(0, 0, 0), 2px -2px 0px rgb(0, 0, 0), -2px 2px 0px rgb(0, 0, 0);
}
#art_5 .artInr .baseTBL table td {
  color: #676767;
}
#art_5 .artInr .profileMess {
  font-size: 2.8rem;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 765px) {
  #art_5 .artInr .profileMess {
    font-size: 2rem;
  }
}
/*# sourceMappingURL=style.css.map */