@charset "UTF-8";
/*
    フォントサイズツール
*/
@media screen and (min-width: 768px) {
  .font-sizes-test {
    font-size: 30px; } }
@media screen and (max-width: 767px) {
  .font-sizes-test {
    font-size: 20px; } }

/*
    inline-blockを左右中央配置
    外にflex-centerを使いたくない場合
*/
.top_box {
  position: relative; }
  .top_box span {
    position: absolute; }

@media (min-width: 768px) {
  .top_box {
    position: relative;
    margin: 0 80px 80px; }
    .top_box span {
      width: 46.875%;
      top: 50%;
      left: 9%;
      transform: translateY(-50%) !important; } }
@media (max-width: 767px) {
  .top_box {
    position: relative; }
    .top_box span {
      width: 53%;
      top: 26%;
      left: 7%; } }
.text-welcome {
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-align: justify;
  position: relative; }
  @media screen and (min-width: 768px) {
    .text-welcome {
      font-size: 19px; } }
  @media screen and (max-width: 767px) {
    .text-welcome {
      font-size: 12px; } }

.back_illust01, .back_illust02 {
  position: absolute;
  max-width: initial; }

@media (min-width: 768px) {
  .back_illust01 {
    width: auto;
    height: 211px;
    top: 850px;
    right: calc( 50% + 560px ); }

  .back_illust02 {
    width: auto;
    height: 216px !important;
    bottom: 30px;
    left: calc( 50% + 565px ); } }
@media (max-width: 767px) {
  .illust_sp {
    position: relative; }

  .back_illust01 {
    width: 44%;
    top: 70px;
    left: -12%; }

  .back_illust02 {
    width: 40%;
    top: 20px;
    right: -10%; } }