@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Montserrat:800');
@font-face {
      font-family: 'Noto Sans JP';
      font-style: normal;
      font-weight: 400;
	    src: local("Noto Sans CJK JP Regular"),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
           url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
   }
#thanks_page {
  color: #fff;
  background-image: url(../img/thanks_bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  text-align: center;
  position: relative;
font-family: 'Noto Sans JP';
}
#thanks_page #wrap {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100vh;
	font-family: 'Noto Sans JP';
}
#thanks_page #wrap #thanks {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
#thanks_page #wrap #thanks h2 {
	font-size: 24px; 
	text-align: center;
	color: #fff;
	padding-right: 15px;
}
#thanks_page .fa-check-circle {
	margin-right: 10px;
}
#thanks_page .thanks_text a {
	color: #F0FF00;
	font-weight: bold;
}
#thanks_page #wrap #thanks p {
	font-size: 20px;
	margin: 16px 0 32px;
	line-height: 2; 
	text-align: center;
}
#thanks_page #wrap #thanks p a {
	text-decoration: underline;
}
#thanks_page .top_link a {
	color: #fff;
	background-color: #A30002;
	border: 2px solid #A30002;
	font-size: 16px;
	font-weight: bold;
	width: 20%;
	padding: 14px 10px 14px 40px;
	text-align: center;
	position: relative;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	margin-right: auto;
	margin-left: auto;
	text-decoration: none;
	letter-spacing: 2px;
}
#thanks_page .top_link a:hover {
	color: #A30002;
	background-color: #fff;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease; 
}

#thanks_page .fa-angle-right {
	margin-left: 20px;
}
/*=====================================================================
=====================================================================------------------------------------------------------------------
スマホレスポンシブ（〜480px）
=====================================================================------------------------------------------------------------------
=====================================================================
*/
@media screen and (max-width: 480px) {
  section .heading h2 {
    font-size: 20px; }

  .pctb {
    display: none; }

  .sp {
    display: block; }
	
	
/*===============================================
  thanks
===============================================*/	

#thanks_page #wrap #thanks p {
    font-size: 16px; } }