@charset "utf-8";

/* ---------------------------------------------------
   File: disclosure.css
   Version: 1.0.0
   Update: 2022-03-04
   Author: https://flowlab.co.jp

   (c)2007-2022 Flowlab inc. All Rights Reserved.
--------------------------------------------------- */



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

   WIDE DESKTOP LAYOUT

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

/* ====================================================
		Layout
==================================================== */
#main .row {
  width: 840px;
  padding: 0;
  position: relative;
}
#main::after {
  width: 122px;
  height: 90px;
  background: url("../img_common/img_texture_yellow_05.png") no-repeat 0 0 / 122px 90px;
  bottom: 80px;
  left: inherit;
  right: 150px;
}


/* ====================================================
		Page Title
==================================================== */
/* -------------------------------
		Animation - Decoration
------------------------------- */
#pageTitleArea::before {
  width: 240px;
  height: 156px;
  background: url("../img_common/img_decoration_07.png") no-repeat 0 0 / 240px 156px;
  left: 14%;
}
#pageTitleArea::after {
  width: 110px;
  height: 140px;
  background: url("../img_common/img_decoration_08.png") no-repeat 0 0 / 110px 140px;
  top: 100px;
}

/* -------------------------------
		Animation - Paints
------------------------------- */
#main h1::before {
  width: 366px;
  height: 274px;
  background: url("../img_common/img_texture_pink_05.png") no-repeat 0 0 / 366px 274px;
  animation: fuwafuwa3 2s infinite ease-in-out .2s alternate;
  top: 200px;
  left: -100px;
}
#main h1::after {
  width: 132px;
  height: 80px;
  background: url("../img_common/img_texture_green_04.png") no-repeat 0 0 / 132px 80px;
  animation: fuwafuwa2 2.5s infinite ease-in-out .2s alternate;
  top: 380px;
  left: 10%;
}
#main h1 span::before {
  width: 432px;
  height: 246px;
  background: url("../img_common/img_texture_yellow_04.png") no-repeat 0 0 / 432px 246px;
  animation: fuwafuwa2 3s infinite ease-in-out .2s alternate;
  top: 80px;
  right: -160px;
}
#main h1 span::after {
  width: 270px;
  height: 270px;
  background: url("../img_common/img_dot_01.png") no-repeat 0 0 / 270px;
  top: 700px;
  left: 4%;
}


/* ====================================================
		Contents
==================================================== */
/* -------------------------------
		Regulation
------------------------------- */
#regulation {
  padding-bottom: 40px;
}

/* -------------------------------
		Financial Statements
------------------------------- */
#financialStatements {
  padding-bottom: 60px;
}


/* ====================================================
		Sub Footer
==================================================== */
/* -------------------------------
		Animation - Paints
------------------------------- */
#subFooter::before {
  width: 220px;
  height: 206px;
  background: url("../img_common/img_texture_green_05.png") no-repeat 0 0 / 220px 206px;
  bottom: 900px;
  right: -30px;
}
#subFooter::after {
  width: 270px;
  height: 270px;
  background: url("../img_common/img_dot_01.png") no-repeat 0 0 / 270px;
  bottom: 700px;
  left: inherit;
  right: 100px;
}







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

   TABLET

======================================================================================================================= */
@media screen and (min-width: 897px) and (max-width: 1299px) {
  
  /* ====================================================
      Layout
  ==================================================== */
  #main .row {
    width: inherit;
    padding: 0 50px;
  }
  
  /* ====================================================
      Page Title
  ==================================================== */
  /* -------------------------------
      Animation - Decoration
  ------------------------------- */
  #pageTitleArea::before {
    left: 10%;
  }
  
/* -------------------------------
		Animation - Paints
------------------------------- */
  #main::after {
    bottom: 120px;
    right: 20px;
  }
  #main h1 span::after {
    left: -3%;
  }
  #main h1::before {
    left: -150px;
  }
  #main h1::after {
    left: 6%;
  }
  #subFooter::before {
    bottom: 730px;
    right: -120px;
  }
  #subFooter::after {
    bottom: 550px;
  }
}













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

   MOBILE

======================================================================================================================= */
@media screen and (max-width: 896px) {
  
  /* ====================================================
      Layout
  ==================================================== */
  #main .row {
    width: inherit;
    padding: 0 5%;
  }
  #main::after {
    width: 200px;
    height: 200px;
    background-size: 200px;
    bottom: -200px;
    right: 200px;
  }
  
  
  /* ====================================================
      Page Title
  ==================================================== */
  /* -------------------------------
      Animation - Decoration
  ------------------------------- */
  #pageTitleArea::before {
    width: 130px;
    height: 88px;
    background-size: 130px 88px;
    left: 10px;
  }
  #pageTitleArea::after {
    width: 65px;
    height: 83px;
    background-size: 65px 83px;
    top: 50px;
    right: 50px;
  }

  /* -------------------------------
      Animation - Paints
  ------------------------------- */
  #main::after {
    width: 70px;
    height: 52px;
    background-size: 70px 52px;
    bottom: 120px;
    right: -10px;
  }
  #main h1::before {
    width: 200px;
    height: 150px;
    background-size: 200px 150px;
    top: 80px;
  }
  #main h1::after {
    width: 60px;
    height: 36px;
    background-size: 60px 36px;
    top: 200px;
    left: 10px;
  }
  #main h1 span::before {
    width: 250px;
    height: 142px;
    background-size: 250px 142px;
    right: -100px;
  }
  #main h1 span::after {
    width: 200px;
    height: 200px;
    background-size: 200px;
    top: 400px;
    left: -30px;
  }
  
  
  /* ====================================================
      Contents
  ==================================================== */
  /* -------------------------------
      Regulation
  ------------------------------- */
  #regulation {
    padding-bottom: 10px;
  }
  
  /* -------------------------------
      Financial Statements
  ------------------------------- */
  #financialStatements {
    padding-bottom: 10px;
  }
  
  
  /* ====================================================
      Sub Footer
  ==================================================== */
  /* -------------------------------
      Animation - Paints
  ------------------------------- */
  #subFooter::before {
    width: 120px;
    height: 112px;
    background-size: 120px 112px;
    bottom: 800px;
    right: -60px;
  }
  #subFooter::after {
    width: 200px;
    height: 200px;
    background-size: 200px;
    bottom: 540px;
    right: 10px;
  }


}