/*/////////////////////////////////////////////////////
/////////////////////////TOP////////////////////////
/////////////////////////////////////////////////////*/
.container_first {
  background-image: url(../images/main/bg08.png);
  background-repeat: no-repeat;
  background-size: cover; /* 背景画像をコンテナに合わせて拡大縮小 */
  width: 100%;
  height: 650px;
  border-top: 5px solid hsla(36, 28%, 45%, 1.00);
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}
.waku_top {
  margin-right: auto;
  margin-left: auto;
  width: 170px;
  margin-bottom: 50px;
}
.waku_top img {
  width: 100%;
}
.top_main2 {
  /*width: 1000px;*/
  margin-right: auto;
  margin-left: auto;
}
.top_main2 img {
  width: auto;
  /*height: 700px;*/
}
/*TOPアニメーション文字*/
.top_text_box {
  display: inline-block;
  position: absolute;
  top: 157px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  text-align: center;
}
.top_text_box h2 {
  font-size: 2.7em;
  color: hsla(0, 0%, 0%, 1.00);
  margin-bottom: 10px;
  border: 1px solid hsla(39, 33%, 64%, 1.00);
  padding-top: 10px;
  padding-right: 50px;
  padding-bottom: 10px;
  padding-left: 50px;
  background-color: hsla(0, 0%, 100%, 0.54);
}
.top_text_box h3 {
  font-size: 0.7em;
  margin-bottom: 10px;
}
.top_text_box p {
  font-size: 1.3em;
  color: hsla(0, 0%, 32%, 1.00);
  text-shadow: 0px 1px 5px hsla(0, 0%, 100%, 0.72);
}
@media screen and (max-width: 1024px) {
  .container_first {
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center 0%;
    /*background-size: auto 50%;*/
  }
  .top_main2 {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
  .top_text_box {
    display: inline-block;
    position: absolute;
    top: 50px;
    padding: 10px 0;
    z-index: 2;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .top_text_box h2 {
    font-size: 2em;
    margin-top: 0px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 0px;
  }
  .top_text_box h3 {
    font-size: 0.6em;
  }
  .top_text_box p {
    font-size: 0.9em;
    margin-top: 20px;
  }
  .top_text_box .text {
    text-align: center;
  }
  .waku_top {
    width: 100px;
    margin-bottom: 30px;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block1////////////////////////
/////////////////////////////////////////////////////*/
.t01 {
  color: #FF0004;
}
.logo2_box {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  width: 150px;
}
.logo2_box img {
  text-align: center;
  width: 100%;
}
.container_01 {}
.container_01 .container {
  padding-top: 50px;
  padding-bottom: 100px;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.container_01 .titile_box h3 {
  font-size: 0.8em;
  width: 100%;
  text-align: center;
  padding-top: 50px;
  color: hsla(0, 0%, 76%, 1.00);
}
.container_01 .titile_box h4 {
    font-size: 2.2em;
    width: 100%;
    text-align: center;
    padding-top: 20px;
    color: #555555;
}
.container_01 .titile_box h4 span {
  font-size: 2em;
  font-style: italic;

}
.waku_box {
  width: 80%;
  margin: auto; /* 追加 */
  margin-top: 40px;
}
.waku_box img {
  width: 100%;
  margin: auto;
}
.text-with-underline {
  text-decoration: underline;
}
.titile_box p {
  padding-top: 25px;
  padding-bottom: 50px;
  font-size: 1em;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.container_01 .main_box {}
.in_01 {
  text-align: center;
  margin-top: -50px;
  margin-bottom: 50px;
}
.in_01 img {
  border-radius: 0px;
  width: 80%;
  margin-top: 50px;
  -webkit-box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.3);
  border: 5px solid hsla(0, 0%, 100%, 1.00);
}
.sub_txt {
  font-size: 0.8em;
  text-align: center;
}
@media screen and (max-width:1024px) {
  .container_01 {
    background-size: auto 100%;
  }
  .logo2_box {
    width: 100px;
    margin-bottom: -30px;
    margin-top: -10px;
  }
  .h3_img {
    display: flex; /* 要素を横に配置 */
    align-items: center; /* 縦方向中央に配置 */
    justify-content: center; /* 横方向中央に配置 */
    margin-top: 100px;
    width: 100%;
  }
  .h3_img img {
    padding-top: 10px;
  }
  .h3_img h4 {
    font-size: 2em;
    padding-top: 15px;
  }
  .container_01 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_01 .titile_box h3 {
    font-size: 0.6em;
    margin-top: -20px;
  }
  .container_01 .titile_box h2 {
    font-size: 1.5em;
  }
  .container_01 .titile_box h4 {
    font-size: 2em;
    width: 100%;
    text-align: center;
    padding-top: 20px;
  }
  .container_01 .titile_box h4 span {
    font-size: 1.4em;
  }
  .container_01 .titile_box p {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    color: hsla(0, 0%, 15%, 1.00);
    margin-bottom: -30px;
  }
  .container_01 .main_box {
    text-align: left;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block2////////////////////////
/////////////////////////////////////////////////////*/
.container_02 {
  background-image: url(../images/main/bg09.png);
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-size: cover;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 100px;
  margin-bottom: -30px;
}
.container_02 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.container_02 .titile_box {
  margin-top: -50px;
}
.container_02 .titile_box h2 {
  font-size: 2em;
  font-weight: 100;
  margin-top: 20px;
  text-align: center;
  color: #555555;
  margin-bottom: 40px;
}
.container_02 .titile_box h2 span {
  font-size: 1.5em;
}
.container_02 p {
  font-size: 1em;
  margin-top: 20px;
  text-align: left;
  color: #333333;
  line-height: 2em;
  letter-spacing: 0.25em;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 50px;
  padding-left: 20px;
  margin-bottom: 40px;
}
.container_02 .glaf_box {
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width:1024px) {
  .container_02 {
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center top;
  }
  .container_02 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_02 .titile_box {}
  .titile_box h3 {
    font-size: 0.9em;
    color: rgba(255, 255, 255, 1.00);
  }
  .container_02 .titile_box h2 {
    font-size: 1.6em;
    text-align: center;
  }
  .container_02 p {
    margin-top: -20;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
    background-color: hsla(0, 0%, 100%, 0.69);
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .container_02 .main_box {
    text-align: left;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////block3////////////////////////
/////////////////////////////////////////////////////*/
.container_03 {
  background-image: url(../images/main/bg11.png);
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  background-size: cover;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 100px;
  margin-bottom: -30px;
}
.price_box {
  position: relative; /* 追加 */
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  margin-top: 50px;
}
.price_box img {
  width: 30%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0; /* 不要なpaddingの初期化 */
  padding-right: 0; /* 不要なpaddingの初期化 */
}
.price_box h2 {
  position: absolute;
  top: 50%; /* 調整した値 */
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.3em;
  text-align: center;
  color: #434343;
  font-weight: 100;
}
.num_box {
  text-align: center;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 50px;
  margin-top: 50px;
  border-radius: 18px;
  -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.3);
}
.num {
  font-size: 1.2em;
  color: #727272;
  margin-top: 20px !important;
  text-align: left;
}
.bignum {
  font-family: 'number';
  font-size: 2em;
  color: #727272;
  margin-top: 20px !important;
}
.kingaku {
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  padding-left: 56px;
  padding-bottom: 30px;
}
.num_box img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0; /* 不要なpaddingの初期化 */
  padding-right: 0; /* 不要なpaddingの初期化 */
  margin-top: 50px;
  margin-bottom: 50px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width:1024px) {
  .container_03 {
    background-size: auto 100%;
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .container_03 .container {
    padding-top: 0px;
    width: 100%;
  }
  .container_03 .titile_box {}
  .container_03 .titile_box h3 {
    font-size: 0.9em;
  }
  .price_box h2 {}
  .price_box img {
    width: 50%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0; /* 不要なpaddingの初期化 */
    padding-right: 0; /* 不要なpaddingの初期化 */
  }
  .num_box {
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .num {}
  .campaign_box img {
    width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0; /* 不要なpaddingの初期化 */
    padding-right: 0; /* 不要なpaddingの初期化 */
  }
  .container_03 .main_box {
    text-align: left;
  }
}
/*/////////////////////////////////////////////////////
/////////////////////////他社比較///////////////////////
/////////////////////////////////////////////////////*/
table {
  width: 100%;
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  font-size: 1.3em;
  background-color: #FFFFFF;
}
.tb0, .tb1, .pick, .tb01 {
  padding-left: 20px;
  padding-right: 20px;
}
.tb0 {
  background-color: #E0DDDD;
}
.tb01, .tb11 {
  background-color: #FF0004;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 2em;
}
.tb1 {
  background-color: #FCCDCE;
}
.container_06 {
  background-color: #FFFFFF;
}
.container_06 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.container_06 .container h3 {
  font-size: 1.5em;
  font-weight: 700;
  line-height: -0.09em;
  margin-bottom: 20px;
}
.container_06 .container h2 {
  font-size: 3em;
  font-weight: 700;
  line-height: -0.09em;
  margin-top: 40px;
  margin-bottom: 50px;
}
@media screen and (max-width:1024px) {
  .container_06 {
    background-size: auto 100%;
  }
  .container_06 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_06 .container h3 {
    font-size: 1.5em;
    margin-left: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .container_06 .container h2 {
    font-size: 2em;
  }
  .container_06 .main_box {
    text-align: left;
  }
  .container_06 .table_box {
    width: 100%;
  }
  table {
    font-size: 0.8em;
  }
  .tb0, .tb1, .pick, .tb01 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .tb01, .tb11 {
    font-size: 1.2em;
  }
}

/*/////////////////////////////////////////////////////
/////////////////////////block5////////////////////////
/////////////////////////////////////////////////////*/
.container_05 {
  background-color: #FFFFFF;
  background-image: url(../images/main/bg05.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
}
.container_05 img {
	width: 80%;
	-webkit-box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 5px 20px -10px rgba(0, 0, 0, 0.3);
	border: 5px solid hsla(0,0%,100%,1.00);
}
.container_05 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 700px;
  margin-right: auto;
  margin-left: auto;
}
.container_05 .titile_box {
  text-align: center;
}
/*/////////////////////////////////////////////////////
/////////////////////////block7////////////////////////
/////////////////////////////////////////////////////*/
.container_07{
    background-attachment: fixed;
    background-image: url(../images/main/bg20.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 200vh;
    width: 100%;
    background-color: #716047;
    text-align: center;
}

.container_07 img {
  width: 100%;
}
.container_07 .container {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.container_07 .titile_box {}
.container_07 .titile_box h3 {
  font-size: 0.9em;
  line-height: -0.09em;
  color: #FFFFFF;
}
.container_07 .titile_box h2 {
  font-size: var(--h2-size);
  font-weight: 700;
  line-height: -0.09em;
  color: #FFFFFF;
  text-shadow: 0px 1px 5px hsla(0, 0%, 100%, 0.72);
}
.container_07 .titile_box p {
  padding-top: 20px;
  padding-bottom: 50px;
  font-size: 0.8em;
  color: #FFFFFF;
}
.container_07 .main_box {
  font-size: var(--txt-size);
  color: var(--txt-color);
  text-align: left;
}
@media screen and (max-width:1024px) {
  .container_07 {
    background-size: 400% auto;
    margin-bottom: -200px;	  
  }
  .container_07 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_07 .titile_box {}
  .container_07 .titile_box h3 {
    font-size: 0.9em;
  }
  .container_07 .titile_box h2 {
    font-size: 1.6em;
    color: #FFFFFF;
    margin-top: 16px;
  }
  .container_07 .titile_box p {
    font-size: 0.9em;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #FFFFFF;
  }
  .container_07 .main_box {
    font-size: var(--txt-size_sp);
    text-align: left;
  }
}
@media screen and (max-width: 1024px) {
  .ck_box {
    margin-bottom: 20px;
  }
}
.ck_lr_main_box {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}
.ck_lr_box {
  width: 50%;
  float: left;
}
@media screen and (max-width: 1024px) {
  .ck_lr_main_box {
    width: 98%;
  }
}
.bigbigbig {
	color: rgba(146, 116, 23, 1.00);
	font-size: 2.7em;
	font-weight: 100;
	line-height: 1.1em;
	padding-bottom: 40px;
	margin-top: 50px;
	letter-spacing: 0.1em;
}
.off {
    color: hsla(0, 100%, 99%, 1.00);
    margin-left: 8px;
    padding-top: 5px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 25px;
    margin-top: 66px;
    font-size: 2.7em;
    background-image: -webkit-linear-gradient(270deg,rgba(178,170,70,1.00) 0%,rgba(221,223,150,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(178,170,70,1.00) 0%,rgba(221,223,150,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(178,170,70,1.00) 0%,rgba(221,223,150,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(178,170,70,1.00) 0%,rgba(221,223,150,1.00) 100%);
}

.container_05 .titile_box h3 {
	font-size: 1.3em;
	color: hsla(0,0%,0%,1.00);
	padding-top: 10px;
	border: 1px solid hsla(0,0%,0%,1.00);
	margin-top: 50px;
	padding-right: 50px;
	padding-bottom: 10px;
	padding-left: 50px;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}
.container_05 .titile_box h2 {
  font-size: 1.5em;
  font-weight: 100;
  padding-top: 15px;
  background-color: hsla(36, 28%, 42%, 1.00);
  color: hsla(0, 0%, 100%, 1.00);
  padding-right: 40px;
  padding-bottom: 15px;
  padding-left: 40px;
  margin-top: 50px;
}
.container_05 p {
  padding-top: 30px;
  padding-bottom: 50px;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}
.btn_end {
  margin-right: 70px;
  margin-left: -30px;
}
.non_pc {
  display: none;
}
.container_05 .pre_box {
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:1024px) {
	.container_05 .pre_box {
    margin-top: 50px;		
	}
  .non_pc {
    display: block;
    margin-top: 30px;
  }
  .non_sp {
    display: none;
  }
  .container_05 {
    background-size: auto 100%;
  }
  .container_05 .container {
    padding-top: 30px;
    padding-bottom: 30px;
    width: 100%;
  }
  .container_05 .titile_box {}
  .container_05 .titile_box h3 {
	font-size: 1em;
	width: 90%;
	margin-bottom: -30px;
  }
  .container_05 .titile_box h2 {}
  .container_05 .titile_box p {
    padding-top: 30px;
    padding-bottom: 50px;
    font-size: 1.2em;
    letter-spacing: -0.04em;
  }
  .container_05 .main_box {
    text-align: left;
  }
  .bigbigbig {
    color: rgba(146, 116, 23, 1.00);
    font-size: 2em;
    font-weight: 100;
  }
.off {
	margin-left: 8px;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	margin-top: 66px;
	font-size: 2em;
}
}
.btn_end {
  margin-top: 100px;
}
.c {
  float: none;
}
/*etc*/
.non_sp {
  display: block;
}
.non_pc {
  display: none;
}
@media screen and (max-width: 1024px) {
  .non_sp {
    display: none;
  }
  .non_pc {
    display: block;
  }
}
.gold {
  background: linear-gradient(45deg, #DAAF08 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #DAAF08 90% 100%);
  background-size: 800% 400%;
  animation: gradient 5s infinite cubic-bezier(.62, .28, .23, .99) both;
}
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.top_text_box .is-act .text span {
  opacity: 1;
}
.top_text_box .text span:nth-child(1) {
  animation-delay: 0.5s;
}
.top_text_box .text span:nth-child(2) {
  animation-delay: 0.7s;
}
.top_text_box .text span:nth-child(3) {
  animation-delay: 0.9s;
}
.top_text_box .text strong {
  opacity: 0;
  filter: blur(10px);
  animation: letter-glow 0.7s 0s ease both, blur 2s 0s ease both;
  font-size: 200%;
  animation-delay: 1.5s;
}
.top_text_box .text span:nth-child(4) {
  animation-delay: 2.1s;
}
.top_text_box .text span:nth-child(5) {
  animation-delay: 2.3s;
}
.top_text_box .text span:nth-child(6) {
  animation-delay: 2.5s;
}
.top_text_box .text span:nth-child(7) {
  animation-delay: 2.7s;
}
.top_text_box .text span:nth-child(8) {
  animation-delay: 2.9s;
}
.top_text_box .text span:nth-child(9) {
  animation-delay: 3.1s;
}
.top_text_box .text span:nth-child(10) {
  animation-delay: 3.3s;
}
.top_text_box .text span:nth-child(11) {
  animation-delay: 3.5s;
}
.top_text_box .is-act .text span {
  opacity: 0;
  animation: letter-glow 0.7s 0s ease both;
}
.top_text_box .is-act .text span {
  opacity: 1;
}
.top_text_box .is-act .text span:nth-child(1) {
  animation-delay: 0.5s;
}
.top_text_box .is-act .text span:nth-child(2) {
  animation-delay: 0.7s;
}
.top_text_box .is-act .text span:nth-child(3) {
  animation-delay: 0.9s;
}
.top_text_box .is-act .text strong {
  opacity: 0;
  filter: blur(10px);
  animation: letter-glow 0.7s 0s ease both, letter-blur 2s 0s ease both;
  font-size: 200%;
  animation-delay: 1.5s;
}
.container_gift {
  width: 100%;
  background-position: center 0%;
  height: 230px;
	
border-top: 5px solid hsla(53, 27%, 42%, 1.00);
  background-color: #0D148F;
  background-image: url(../images/main/bg20.png);
  background-size: 100% auto;
  background-repeat: repeat-y;
  object-fit: cover;
  text-align: center;
}
.container_gift .gift_box {
  width: 600px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width:1024px) {
  .container_gift {
    height: 150px;
  }
  .container_gift .gift_box {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
.container_gift .gift_box .gift4_box {
  width: 25%;
  float: left;
  margin-top: -20px;
  margin-bottom: 20px;
}
.container_gift .gift_box .gift4_box img {
  width: 100%;
}
.naiyou {
  background-color: hsla(0, 0%, 100%, 0.16);
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  color: hsla(0, 0%, 100%, 1.00);
  font-size: 0.8em;
  margin-top: -40px;
  margin-bottom: 50px;
  text-align: left;
}
@media screen and (max-width:1024px) {
  .naiyou {
    font-size: 0.8em;
    margin-top: -20px;
    margin-bottom: 30px;
    text-align: left;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }
}
.ck_txt {
  font-size: 0.9em;
  color: hsla(0, 0%, 100%, 1.00);
}
@media screen and (max-width:1024px) {
  .ck_txt {
    font-size: 0.7em;
  }
}
.ad_box {
  font-size: 0.7em;
  text-align: center;
}
.tel_box {
  font-family: 'M PLUS 1p', sans-serif;
  font-size: 0.9em;
  color: #836A47;
}
.tel_nam {
  font-family: 'number';
  font-size: 2em;
  padding-left: 5px;
  color: #4A3722;
}
.top_text_box .is-act .text span:nth-child(4) {
  animation-delay: 2.1s;
}
.top_text_box .is-act .text span:nth-child(5) {
  animation-delay: 2.3s;
}
.top_text_box .is-act .text span:nth-child(6) {
  animation-delay: 2.5s;
}
.top_text_box .is-act .text span:nth-child(7) {
  animation-delay: 2.7s;
}
.top_text_box .is-act .text span:nth-child(8) {
  animation-delay: 2.9s;
}
.top_text_box .is-act .text span:nth-child(9) {
  animation-delay: 3.1s;
}
.top_text_box .is-act .text span:nth-child(10) {
  animation-delay: 3.3s;
}
.top_text_box .is-act .text span:nth-child(11) {
  animation-delay: 3.5s;
}
@keyframes letter-glow {
  0% {
    opacity: 0;
    text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.1);
  }
  66% {
    opacity: 1;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.9);
  }
  77% {
    opacity: 1;
  }
  100% {
    opacity: 0.7;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.0);
  }
}
@keyframes blur {
  0% {
    opacity: 0;
    filter: blur(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}