/*
    thank-you.css
*/
/*
    For reset.
*/

	*{
        -webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

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

/************************************** For PC. **************************************/
  div.THANKS_1A5{
		width:100%;
		margin-bottom:50px;
  }

  /* ---------------------------------
      For Section01 
    --------------------------------- */
	div.THANKS_WRP_1A5{
		width:100%;
		height:auto;

    /*background: linear-gradient(rgba(255,255,255,0) 0, #fff 60%), url(../icons/thanks_bg.jpg) no-repeat center top ;
		background-size: 110%;*/
		
	  
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
		flex-wrap: wrap;
		margin-bottom:50px;
	}

	div.BOX01_1A5{
		width:100%;
		padding:16% 0;
		text-align:center;
		background: url(/imgs/thanks.jpg) no-repeat center top ;
	  background-size:100% auto;
	}

	div.BOX01_1A5 h2{
		font-size:1.3em;
	}

	div.BOX02_1A5{
		width:86%;
		margin:0 auto;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
	  padding-top:30px;
	}

	div.POSTBOX_1A5{
		width:100%;
		margin:10px;
		border-radius:10px;
		border:1px solid #434343;
		text-align:center;
		padding:40px 20px 80px 20px;
		position:relative;
		color:#FF2D00;
	}

	div.POSTBOX_1A5 h3{
		font-size:1.1em;
	}

	div.POSTBOX_1A5 p{
		font-size:0.9em;
		margin:20px 0;
	}

	div.POSTBOX_1A5 a{
		width:auto;
		padding: 10px 30px;
		border-radius: 4px;
		background: #434343;
		font-size: 0.9em;
		color: #ffffff;
		position:absolute;
		bottom:30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}

	div.POSTBOX_1A5 a:lang(ja) {
		width:50%;
	}

	div.POSTBOX_1A5 a:hover{
		cursor: pointer;
		background: #71C5E8;
		color:#fff;
	  transition: all .5s;
	}



  div.THANKS_1A4{
		width:100%;
		margin-bottom:50px;
  }

  /* ---------------------------------
      For Section01 
    --------------------------------- */
	div.THANKS_WRP_1A4{
		width:100%;
		height:auto;

    /*background: linear-gradient(rgba(255,255,255,0) 0, #fff 60%), url(../icons/thanks_bg.jpg) no-repeat center top ;
		background-size: 110%;*/
		
	  
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
		flex-wrap: wrap;
		margin-bottom:50px;
	}

	div.BOX01_1A4{
		width:100%;
		padding:16% 0;
		text-align:center;
		background: url(/imgs/thanks.jpg) no-repeat center top ;
	  background-size:100% auto;
	}

	div.BOX01_1A4 h2{
		font-size:1.3em;
	}

	div.BOX01x_1A4{
		width:100%;
		padding:20px 0 0 0;
		text-align:center;
	}

	div.BOX01x_1A4 p{
		font-size:1.4em;
		font-weight:bold;
		color:#FF2D00;
	}

	div.BOX02_1A4{
		width:86%;
		margin:0 auto;
	  display: -webkit-box;  /*Android*/
	  display: -moz-box;     /*Firefox*/
	  display: -ms-flexbox;  /*IE*/
	  display: -webkit-flex; /*PC-Safari,iOS*/
	  display: flex;
      justify-content: center;
      flex-wrap: wrap;

	  padding-top:10px;
		color:#FF2D00;
	}

	div.POSTBOX_1A4{
		width:30%;
		margin:10px;
		border-radius:10px;
		border:1px solid #434343;
		text-align:center;
		padding:40px 20px 80px 20px;
		position:relative;
	}

	div.POSTBOX_1A4 h3{
		font-size:1.1em;
	}

	div.POSTBOX_1A4 p{
		font-size:0.9em;
		margin:20px 0;
	}

	div.POSTBOX_1A4 a{
		width:auto;
		padding: 10px 30px;
		border-radius: 4px;
		background: #434343;
		font-size: 0.9em;
		color: #ffffff;
		position:absolute;
		bottom:30px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	}

	div.POSTBOX_1A4 a:lang(ja) {
		width:50%;
	}

	div.POSTBOX_1A4 a:hover{
		cursor: pointer;
		background: #71C5E8;
		color:#fff;
	  transition: all .5s;
	}





/************************************** For SP. **************************************/
@media screen and (max-width:767px){
  /* ---------------------------------
      For Section01 
    --------------------------------- */
	div.THANKS_1A5{
		height:auto;
/*	  border-radius:4px;
	  background-size:100%;
	  background-position:top center;*/
	  margin-bottom:20px;
	}

	div.BOX01_1A5{
		width:100%;
		background: url(/imgs/thanks.jpg) no-repeat left top ;
	  background-size:200% auto;
		padding:120px 0;
		text-align:left;
		position:relative;
	}

	div.BOX01_1A5 h2{
		font-size:1.1em;
		position:absolute;
		bottom:10px;
		right:10px;
		width:200px;
		text-align:right;
	}

	div.BOX02_1A5{
		width:100%;
		flex-wrap: wrap;
        padding:20px 20px;
	}

	div.POSTBOX_1A5{
		width:100%;
	}

	div.THANKS_1A4{
		height:auto;
/*	  border-radius:4px;
	  background-size:100%;
	  background-position:top center;*/
	  margin-bottom:20px;
	}

	div.BOX01_1A4{
		width:100%;
		background: url(/imgs/thanks.jpg) no-repeat left top ;
	  background-size:200% auto;
		padding:120px 0;
		text-align:left;
		position:relative;
	}

	div.BOX01_1A4 h2{
		font-size:1.1em;
		position:absolute;
		bottom:10px;
		right:10px;
		width:200px;
		text-align:right;
	}

	div.BOX02_1A4{
		width:100%;
		flex-wrap: wrap;
        padding:20px 20px;
	}

	div.POSTBOX_1A4{
		width:100%;
		margin:10px;
	}



}