@charset "utf-8";

/*-----------------------------------------------------------
cover
-----------------------------------------------------------*/

.cover-logo-box {
    height: 10.32% !important;
}

/*-----------------------------------------------------------
top01
-----------------------------------------------------------*/

.top01-title {
	font-size: 20px;
  	font-weight: 400;
  	letter-spacing: 0;
}

.top01-title strong {
	font-size: 45px;
  	font-weight: 400;
  	letter-spacing: -.5rem;
}

.top01-title em {
    font-style: normal;
    letter-spacing: 0;
}

.top01-title em:first-child {
    margin: 0 0 0 -5px;
}

.top01-title em:last-child {
    margin: 0 -8px 0 0;
}

.top01-illust {
	bottom: -15% !important;
}

/*-----------------------------------------------------------
top02
-----------------------------------------------------------*/

.top02-title01 {
    font-size: 25px;
    letter-spacing: 0;
}

.top02-title01 br {
    display: block;
}

.top03-illust02 {
    pointer-events: none;
}

/*-----------------------------------------------------------
top03
-----------------------------------------------------------*/

.top03-text-box .text01 {
    line-height: 1.8em;
    letter-spacing: 0.05em;
}

.top03-illust01 {
    pointer-events: none;
}

/*-----------------------------------------------------------
top04
-----------------------------------------------------------*/

.open-text-box .top04-text {
    line-height: 1.5em;
	letter-spacing: 0em;
}

/*-----------------------------------------------------------
top05
-----------------------------------------------------------*/

.top05-left .text01 {
	letter-spacing: 0.05em;
    line-height: 1.8em;
}

/*-----------------------------------------------------------
top06
-----------------------------------------------------------*/


/*-----------------------------------------------------------
top07
-----------------------------------------------------------*/


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {
  
    /*-----------------------------------------------------------
    top01
    -----------------------------------------------------------*/
  

    /*-----------------------------------------------------------
    top04
    -----------------------------------------------------------*/
  

    /*-----------------------------------------------------------
    top06
    -----------------------------------------------------------*/
  


}/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {
  
    /*-----------------------------------------------------------
    top01
    -----------------------------------------------------------*/

    .top01-illust {
        bottom: 0 !important;
    }

}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {
  
    /*-----------------------------------------------------------
    cover
    -----------------------------------------------------------*/
    
    .cover-logo-box {
        height: 43.68% !important;
    }

    /*-----------------------------------------------------------
    top01
    -----------------------------------------------------------*/

    .top01-title {
        font-size: 40px;
    }

    .top01-title strong {
        font-size: 85px;
        margin: 0 -12px 0 -20px;
    }

      .top01-title em {
          letter-spacing: -.5rem;
      }

    /*-----------------------------------------------------------
    top02
    -----------------------------------------------------------*/

    .top02-title01 {
        font-size: 30px;
    }
  
    .top02-title01 br {
        display: none;
    }
  
    /*-----------------------------------------------------------
    top03
    -----------------------------------------------------------*/


  
    /*-----------------------------------------------------------
    top04
    -----------------------------------------------------------*/
  

    /*-----------------------------------------------------------
    top05
    -----------------------------------------------------------*/
  
  
    /*-----------------------------------------------------------
    top06
    -----------------------------------------------------------*/
  


}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

  
    /*-----------------------------------------------------------
    top02
    -----------------------------------------------------------*/

    /*-----------------------------------------------------------
    top03
    -----------------------------------------------------------*/
  

}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {
  

    /*-----------------------------------------------------------
    top01
    -----------------------------------------------------------*/

    .top01-title {
        font-size: 30px;
    }

    .top01-title strong {
        font-size: 65px;
        margin: 0 -12px 0 -20px;
    }
  
    .top01-illust {
        bottom: -6% !important;
    }
  
    /*-----------------------------------------------------------
    top02
    -----------------------------------------------------------*/

    .top02-title01 {
        font-size: 40px;
    }

  
    /*-----------------------------------------------------------
    top03
    -----------------------------------------------------------*/
  
    .top03-link-btn-box01 .banner-link-inner {
        left: 0;
    }

    /*-----------------------------------------------------------
    top04
    -----------------------------------------------------------*/
  


    /*-----------------------------------------------------------
    top05
    -----------------------------------------------------------*/
  
    .top05-title {
        font-size: 33px !important;
    }

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {
  
    /*-----------------------------------------------------------
    cover
    -----------------------------------------------------------*/

    /*-----------------------------------------------------------
    top01
    -----------------------------------------------------------*/
  
    .top01-row {
        align-items: flex-end !important;
    }

    .top01-title {
        font-size: 40px;
    }

    .top01-title strong {
        font-size: 85px;
        margin: 0 -12px 0 -20px;
        letter-spacing: -1rem;
    }
  
    .text01.top01-text-box03 strong{
		font-size: 30px;
      	font-weight: 700;
    }

    .top01-illust {
        width: 28.5% !important;
    }

    /*-----------------------------------------------------------
    top02
    -----------------------------------------------------------*/
  

    .top02-title01 {
        font-size: 50px;
    }


    /*-----------------------------------------------------------
    top04
    -----------------------------------------------------------*/
    .top04-text {
        font-size: 16px !important;
    }
  

    /*-----------------------------------------------------------
    top05
    -----------------------------------------------------------*/

    .top05-title {
		font-size: 42px !important;
    }

    .top05-left {
      width: 50% !important;
    }
  
    .top05-right {
        width: 48% !important;
    }


}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

    .top03-link-btn-box02 {
		margin: 0 60px 0 0 !important;
    }
 
  
}/* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1500px) {
  
    /*-----------------------------------------------------------
    top01
    -----------------------------------------------------------*/

    .top01-title {
        font-size: 53px;
    }

    .top01-title strong {
        font-size: 100px;
        margin: 0 -12px 0 -20px;
    }

}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {
  
    .top01-img-box {
        width: 47.79% !important;
    }

    .top01-text-block {
        width: 48.66% !important;
    }
  
    .top03-illust01 {
  		position: absolute !important;
      	top: -15%;
      	left: 0;
 	}
  
     .top03-illust02 {
  		position: absolute !important;
      	bottom: -15%;
      	right: 0;
 	}
  
     .top05-illust {
  		position: absolute !important;
      	bottom: -12%;
      	left: 0;
 	}

}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */