@charset "UTF-8";
/* CSS Document */

*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}

html{
scroll-behavior: smooth;
}

body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

ul{
padding-inline-start:0px;
}


.forPC{
display:block;
}
.forSP{
display:none;
}


#fvbg{
	width:100%;
	position:relative;
	height:772px;
	overflow:hidden;
}
#fvbg video{
	width:100%;
}

header{
	width:890px;
	position: absolute;
	top:0px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.osusume{
	padding-inline: calc((100vw - 952px) / 2);
  background:url("../img/fe_under_bg.png") repeat;
	position:absolute;
	top:417px;
	padding-top:20px;
	padding-bottom:10px;
}

.osusume2{
	padding-inline: calc((100vw - 952px) / 2);
  background:url("../img/fe_under_bg.png") repeat;
	padding-top:20px;
	padding-bottom:20px;
}

.pickupimage{
	animation: poyoyon2 2s ease-in-out forwards infinite;
	margin:0px auto 40px auto;
}

@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  45%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  50% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  60% {
    transform: scale(1.05, 1.0) translate(0, 8px);
  }
  75% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  85% {
    transform: scale(1.05, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
}

.subheader{
	position:relative;
	background:#68b9f7;
	text-align:center;
}

.subheader p{
	padding:20px;
	font-size:150%;
	font-weight:bold;
	color:#fff;
}

.company_data{
	padding:30px 10px;
}

.company_data_title{
	font-weight:bold;
	line-height:150%;
	font-size:110%;
	padding:0px 0px 10px 5px;
	border-bottom:solid #68b9f7 2px;
	color:#68b9f7;
	margin: 0px 0px 15px 0px;
}

.company_data_txt{
	line-height:150%;
	font-size:100%;
	padding:0px 0px 0px 5px;
	margin: 0px 0px 30px 0px;
}


.pr{
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	padding:3px 5px;
}

.contents{
	margin:40px 0px 0px 0px;
	padding-inline: calc((100vw - 1000px) / 2);
}

.contents_title{
	width:100%;
	text-align:center;
}

.contents_title img {
  margin: auto;
  display: block;
}

.update{
	background:#89d4d1;
	padding:10px 0px;
	text-align:center;
	color:#ff0000;
	font-weight:bold;
	font-size: 130%;
}

.bg_g01{
	background:#89d4d1;
}

.bg_b01{
	background:#68b9f7;
}

.bg_r01{
	background:#f76879;
}

.bg_o01{
	background:#ffd6aa;
}

.graph{
	width:300px;
	margin:-20px auto 0px auto;
}

.rank01{
	padding:20px 0px 0px 0px;
}

.rankbox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	height:270px;
	padding:50px 10px 10px 10px;
}

.rank01_01area{
	position:absolute;
	top:40px;
	left:-7px;
	width:470px;
	height:70px;
	background:#fffddd;
	box-shadow: 0px 5px 0px 0px rgba(204, 193, 85, 1);
	border-radius:10px;
	z-index:0;
}

.rankbox01_all{
	position:absolute;
	top:50px;
	left:14px;
	z-index:1;
}

.rank01_con{
	margin:0px 0px 20px 0px;
}

.rank01icon{
	float:left;
	width:60px;
	margin:0px;
}

.rank02icon{
	float:left;
	width:60px;
	margin:15px 5px 0px 15px;
}

.rank01name01,.rank01name02,.rank01name03{
	float:left;
	width:250px;
	padding:13px 0px 10px 5px;
	font-size:130%;
	font-weight:bold;
}

.rank01name01 a,.rank02name01 a{
	color:#ccc155;
}

.rank01name02 a,.rank02name02 a{
	color:#a7a9a8;
}

.rank01name03 a,.rank02name03 a{
	color:#aa8646;
}

.rank01star{
	float:right;
	width:120px;
	padding:10px 0px 0px 0px;
}

.rank01star a{
	text-decoration:none;
}

.star5rating1{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 50px; フォントサイズ 自由に設定化 */
}

.star5rating1:before, .star5rating1:after{
    content: '★★★★★';
}

.star5rating1:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5rating1[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5rating1[data-rate="4.9"]:after{ width: 98%; } /* 星4.9 */
.star5rating1[data-rate="4.8"]:after{ width: 96%; } /* 星4.8 */
.star5rating1[data-rate="4.7"]:after{ width: 94%; } /* 星4.7 */
.star5rating1[data-rate="4.6"]:after{ width: 92%; } /* 星4.6 */
.star5rating1[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5rating1[data-rate="4.4"]:after{ width: 88%; } /* 星4.4 */
.star5rating1[data-rate="4.3"]:after{ width: 86%; } /* 星4.3 */
.star5rating1[data-rate="4.2"]:after{ width: 84%; } /* 星4.2 */
.star5rating1[data-rate="4.1"]:after{ width: 82%; } /* 星4.1 */
.star5rating1[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5rating1[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5rating1[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5rating1[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5rating1[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5rating1[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5rating1[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5rating1[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5rating1[data-rate="0"]:after{ width: 0%; } /* 星0 */

.star5rating2{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5rating2:before, .star5rating2:after{
    content: '★★★★★';
}

.star5rating2:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5rating2[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5rating2[data-rate="4.9"]:after{ width: 98%; } /* 星4.9 */
.star5rating2[data-rate="4.8"]:after{ width: 96%; } /* 星4.8 */
.star5rating2[data-rate="4.7"]:after{ width: 94%; } /* 星4.7 */
.star5rating2[data-rate="4.6"]:after{ width: 92%; } /* 星4.6 */
.star5rating2[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5rating2[data-rate="4.4"]:after{ width: 88%; } /* 星4.4 */
.star5rating2[data-rate="4.3"]:after{ width: 86%; } /* 星4.3 */
.star5rating2[data-rate="4.2"]:after{ width: 84%; } /* 星4.2 */
.star5rating2[data-rate="4.1"]:after{ width: 82%; } /* 星4.1 */
.star5rating2[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5rating2[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5rating2[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5rating2[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5rating2[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5rating2[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5rating2[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5rating2[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5rating2[data-rate="0"]:after{ width: 0%; } /* 星0 */

.num{
	color:#ff0000;
	font-weight:bold;
	font-size:150%;
	padding:0px 0px 0px 4px;
}

.timebox_area{
    position:absolute;
	top:-20px;
	left:10px;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}

.timebox_area2{
    position:absolute;
	top:-20px;
	left:10px;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}

.timebox{
    position:relative;
    width:460px;
    height:78px;
    background:url("../img/timebg01.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}

.timebox2{
    position:relative;
    width:460px;
    height:78px;
    background:url("../img/timebg02.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}


.time{
	font-size:150%;
	color:#ffff00;
}

.exparea{
	width:90%;
	padding:20px;
	margin:0px auto 80px auto;
	background:#fffae3;
	border:solid 2px #88c18e;
}

.exp_title{
	font-size: 150%;
	font-weight:bold;
	text-align:center;
	color:#333;
	width:95%;
	padding:0px 0px 5px 0px;
	margin:0px auto 10px auto;
	border-bottom:2px solid #333;
}

.exp_txt{
	color:#333;
	width:92%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:120%;
	line-height:150%;
}

.pointgrid{
    display: grid;
	grid-template-columns: repeat(4, 1fr);
	row-gap: 10px;
	column-gap: 5px;
	padding:20px 0px 30px 0px;
}

.rank{
	background:#6fc0ff;
	padding-top:50px;
	padding-bottom:50px;
}



.choose_box {
  position: relative;
  width: 100%;
	height:290px;
	padding:10px;
}
 .choose_box p {
  margin-top: 10px;
  margin-bottom: 10px;
    font-size: 20px;
	font-weight:bold;
    display: block;
    text-align: center;
  }

.choose_box li {
  display: inline-block;
  width: 100%;
  margin: 25px 0px 25px 0px;
  list-style: none;
}

.choose_box ul {
  width: 95%;
  margin: 0px auto 0px auto;
  padding-left: 0;
}



.choose_box ul li a {
  width: 100%;
  color: #fff;
  display: block;
  padding: 10px 20px;
  text-align: center;
  background-color: #68b9f7;
  font-weight: bold;
  font-size: 16px;
  border: 2px solid #68b9f7;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.choose_box ul li a:hover {
   background-color: #fff;
  color: #68b9f7;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}

.app-theme p {
  color: #2791d4;
  margin-bottom: 5%;
  margin-top: 5%;
}


.fit {
  position: absolute;
  left: 5%;
  top: 20px;
  width: 90%;
}

.fit p {
  margin-top: 0px;
  margin-bottom: 20px;
    font-size: 16px;
    display: block;
    font-weight: bold;
    text-align: center;
	background:#f76879;
	color:#fff;
	padding:15px;
  }




.result_theme p  {
  margin-top: 10px;
  margin-bottom: 30px;
    text-align: center;
	background:#f76879;
	border-radius:30px;
	color:#fff;
padding:15px;
}





.rank02{
	padding:0px 0px 80px 0px;
}

.rankbox02{
	width:97%;
	background:#fff;
	border-radius:20px;
	margin:30px auto 30px auto;
	padding:20px;
	position:relative;
}

.rankicon{
	position:absolute;
	top:20px;
	left:20px;
}

.rankname{
	position:absolute;
	top:25px;
	left:110px;
	font-size:300%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.rankname a{
	text-decoration:none;
	color:#000;
}

.rankname2{
	position:absolute;
	top:20px;
	left:30px;
	font-size:300%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.rankname2 a{
	text-decoration:none;
	color:#000;
}

.rankrate{
	position:absolute;
	top:25px;
	right:20px;
	font-size:300%; 
}

.rankdata{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
	padding:80px 0px 10px 0px;
}

.rankimage{
	width:43%;
}

.rankdata02{
	flex: 1;
	margin:0px 0px 0px 20px;
}

.ranktbl01{
	width:97%;
	border-collapse:  collapse;
	margin:0px auto 20px auto;
}

.ranktbl01 th{
	background:#caf8cf;
	border:1px solid #90e790;
	color:#fff;
	width:33%;
	padding:10px 0px;
}

.ranktbl01 td{
	border:1px solid #90e790;
	color:#000;
}


.ranktbl01 td p{
	width:165px;
	height:145px;
	font-weight:bold;
	text-align:center;
	line-height:145px;
}

.verygood{
	background:url(../img/verygood.png) no-repeat center center;
	background-size: 50%;
}

.good{
	background:url(../img/good.png) no-repeat center center;
	background-size: 50%;
}

.better{
	background:url(../img/better.png) no-repeat center center;
	background-size: 50%;
}

.red{
	font-weight:bold;
	color:#ff0000;
}

.red_b{
	font-weight:bold;
	color:#ff0000;
}

.ranktxt{
	font-size:16px;
	linne-height:150%;
}

.rankbtnarea{
	width:100%;
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 10px;
	column-gap: 10px;
	margin:20px auto 20px auto;
}

 a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 450px;
	margin: auto;
	padding: 30px 20px 30px 20px;
	font-weight: bold;
	border: 5px solid #ffb245;
	background: #fffd69;
	font-size:26px;
	color: #000;
	border-radius: 30px;
	transition: 0.5s;
	animation: move_d 2s infinite;
	box-shadow: 0 5px 0 rgb(255, 178, 69, 1);
	position: relative;
}
@keyframes move_d {
    0% {box-shadow: 0 5px 0 rgb(255, 178, 69, 1); top: 0px;}
    10% {box-shadow: 0 0 0 rgb(255, 178, 69, 1); top: 5px;}
    20% {box-shadow: 0 5px 0 rgb(255, 178, 69, 1); top: 0px;}
    30% {box-shadow: 0 0 0 rgb(255, 178, 69, 1); top: 5px;}
    40% {box-shadow: 0 5px 0 rgb(255, 178, 69, 1); top: 0px;}
}
@keyframes move_d2 {
    0% {box-shadow: 0 5px 0 rgb(41, 150, 46, 1); top: 0px;}
    10% {box-shadow: 0 0 0 rgb(41, 150, 46, 1); top: 5px;}
    20% {box-shadow: 0 5px 0 rgb(41, 150, 46, 1); top: 0px;}
    30% {box-shadow: 0 0 0 rgb(41, 150, 46, 1); top: 5px;}
    40% {box-shadow: 0 5px 0 rgb(41, 150, 46, 1); top: 0px;}
}
a.btn_01:hover {
	color: #fffd69;
	background: #fff;
	border: 5px solid #ffb245;
}

a.btn_02 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 450px;
	margin: auto;
	padding: 30px;
	font-weight: bold;
	border: 5px solid #29962e;
	background: #54c459;
	font-size:26px;
	color: #fff;
	border-radius: 26px;
	transition: 0.5s;
	animation: move_d2 2s infinite;
	box-shadow: 0 5px 0 rgb(41, 150, 46, 1);
	position: relative;
}
a.btn_02:hover {
	color: #54c459;
	background: #fff;
	border: 5px solid #29962e;
}

a.btn_03 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 500px;
	margin: auto;
	padding: 30px;
	font-weight: bold;
	border: 5px solid #000;
	background: #ff7134;
	font-size:30px;
	color: #fff;
	border-radius: 30px;
	transition: 0.5s;
	animation: move_d 2s infinite;
	box-shadow: 0 5px 0 rgb(0, 0, 0, 1);
	position: relative;
}
a.btn_03:hover {
	color: #ff7134;
	background: #fff;
	border: 5px solid #000;
}

.rankpoint{
    display: grid;
	grid-template-columns: repeat(10, 1fr);
	row-gap: 5px;
	column-gap: 10px;
	padding:10px;
}

.rankpoint2{
    display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 5px;
	column-gap: 10px;
	padding:0px 10px 30px 10px;
}

.voicearea{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
	padding:20px 0px;
}

.voiceico{
	width:20%;
}

.speach{
	flex:1;
	padding:20px;
	position:relative;
}

.voicedata{
	font-size:18px;
	margin:0px 0px 20px 0px;
}

.voicerate{
	position:absolute;
	top:20px;
	right:20px;
	font-size:24px;
}

.voicetxt{
	font-size:18px;
	line-height:150%;
}

.nagare{
	padding-top:30px;
}

#qa{
	padding-top:20px;
}

.ap_grid{
    display: grid;
	grid-template-columns: repeat(3, 1fr);
	row-gap: 10px;
	column-gap: 10px;
	padding:10px;
}

.rank02point{
	position:relative;
	background:url(../img/stlipe.png);
	width:97%;
	margin:0px auto 40px auto;
	padding:20px;
}

.niko01{
	position:absolute;
	top:20px;
	left:20px;
	width:40px;
}

.niko02{
	position:absolute;
	top:70px;
	left:20px;
	width:40px;
}

.niko03{
	position:absolute;
	top:120px;
	left:20px;
	width:40px;
}

.pointtxt{
	font-size:100%;
	font-weight:bold;
	padding:10px;
}

.goodhand{
	position:absolute;
	bottom:-15px;
	right:-6px;
	width:90px;
}

span.marker {
	color:#ff0000;
    background: linear-gradient(transparent 50%, #ffff00 50%);
}

.rank02voice{
	position:relative;
	width:400px;
	border-radius:10px;
	border:3px solid #ffd5a2;
	margin:0px 0px 20px 50px;
	padding:20px;
}

.voice_icon{
	position:absolute;
	top:-30px;
	left:-40px;
	width:80px;
}

.voice_data{
	float:left;
	width:140px;
	font-size:80%;
	color:#7d7d7d;
	padding:0px 0px 30px 30px;
	margin:-7px 0px 0px 0px;
}

.voice_rate{
	float:right;
	width:80px;
	margin:-10px 0px 0px 0px;
}

.voice_title{
	clear:both;
	font-size:120%;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	border-bottom:2px dotted #ffd5a2;
	margin:0px 0px 10px 0px;
}

.voice_txt{
	margin:0px 5px 0px 5px;
}

.button a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 400px;
    padding: 20px 25px;
    color: #fff;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #fff;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    background: #ff3f3f;
    border-radius: 9999px;
    border-bottom: solid 5px #af0000;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
.button a:hover {
    border-bottom: solid 2px #af0000;
    transform: translateY(3px);
}

.flow,.hikaku,.how,.qa{
}

.flowbox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:40px 20px 20px 20px;
}

.flowbox_in{
	position:relative;
	border-left:2px solid #e5be1c;
}

.flow_head{
	position:absolute;
	top:-25px;
	left:-12px;
}

.flow_num{
	width:50px;
}

.flow_title{
	font-weight:bold;
	font-size:130%;
	padding:0px 0px 0px 55px;
	margin:-30px 0px 10px 0px;
}

.flow_txt{
	padding:0px 0px 0px 55px;
	margin:0px 0px 20px 0px;
}

.flow_txt a{
	color:#5ca1ff;
}
.flow_image{
	width:380px;
	margin:0px auto 20px auto;
}

.video{
	width:100%;
}

.hikakubox{
	position:relative;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:20px 20px 0px 0px;
	overflow-x: scroll;
}

.hikakutbl{
	border-collapse:  collapse;
	margin:0px auto 30px auto;
}

.hikakutbl th{
	background:#caf8cf;
	border:1px solid #88c18e;
	color:#fff;
	width:200px;
	padding:10px 10px;
}

.hikakutbl td{
	border:1px solid #88c18e;
	color:#000;
	padding:10px 10px;
}

.hikaku_image{
	padding:0px 0px 10px 0px;
}

.hikaku_name{
	padding:0px 0px 0px 0px;
	font-size:70%;
	text-align:center;
}

.hikaku_data{
	width:145px;
	height:145px;
	font-weight:bold;
	text-align:center;
	line-height:145px;
}

.button2 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 120px;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:80%;
    background: linear-gradient(270deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
}
.button2 a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.button2 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

.howbox01{
    background-image: linear-gradient(90deg, rgba(255, 234, 0, 0) 40%, rgba(255, 234, 0, 1) 40% 60%, rgba(255, 234, 0, 0) 60%);
	padding:10px 0px 10px 0px;
}

.howbox_in{
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:20px 20px 20px 20px;
    border-bottom: solid 5px #32908c;
}

.howtitle{
	font-size:130%;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

.howtxt{
	font-size:110%;
	margin:0px 0px 10px 0px;
}

.arrow_head{
	width:50%;
	margin:0px auto 0px auto;
}

.last{
	padding:0px 0px 20px 0px;
}

.lastbox{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:30px 20px 20px 20px;
}

.lastbox .lasttxt{
	text-align:center;
	font-size:110%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

.button3 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 100%;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:80%;
    background: linear-gradient(270deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
}
.button3 a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.button3 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

.shindanbox{
	margin:0px auto 20px auto;
	width:100%;
	padding:0px;
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 10px;
	column-gap: 5px;
}

.shindanbox .lasttxt{
	font-size:90%;
	font-weight:bold;
	margin:0px 0px 10px 0px;
	text-align:left;
}

.shindanbox .button3 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 100%;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:80%;
    background: linear-gradient(270deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
}
.shindanbox .button3 a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.shindanbox .button3 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

footer{
	background:#333;
	text-align:center;
	padding:20px 0px 5px 0px;
}

.footer_link{
	color:#fff;
	margin:0px 0px 20px 0px;
}

.footer_link a{
	color:#fff;
}

.copy{
	font-size:80%;
	color:#fff;
	margin:0px 0px 0px 0px;
}

._shiny {
    display: block;
    position: relative;
    overflow: hidden;
  transition: 300ms;
}
._shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #ffffff;
    transition: 300ms;
    animation: shinyshiny 2.5s ease-in-out infinite;
}

@-webkit-keyframes shinyshiny {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.cv_btn img {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}

@keyframes blinking {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

/* 要素にアニメーションを適用 */
.blink {
	animation: blinking 0.5s ease-in-out infinite alternate;
}


.qabox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:20px 5px 20px 5px;
}

/*=========
accordion
=========*/

.accordion_area {}
.accordion_area .accordion_one .ac_header {
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 1.5rem 4rem 1.5rem 2rem;
  position: relative;
  z-index: +1;
  cursor: pointer;
  transition: .2s;
}
.accordion_area .accordion_one .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header {
  background-color: #f5f5f5;
}
.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
  background-color: #f1f8ff;
}
.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 2rem;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #68b9f7;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #68b9f7;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}
.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 1.5rem 2rem 1.5rem 2rem;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  background: #fff;
}
@media screen and (max-width: 736px) {
  .accordion_area .accordion_one .ac_header {
    padding: 1.5rem 2rem 1.5rem 1.0rem;
  }
  .accordion_area .accordion_one .ac_header .i_box {
    right: 0.8rem;
    width: 15px;
    height: 15px;
    margin-top: -7px;
  }
  .accordion_area .accordion_one .ac_header .i_box:before {
    width: 15px;
  }
  .accordion_area .accordion_one .ac_header .i_box:after {
    height: 15px;
    right: 7px;
  }
  .accordion_area .accordion_one .ac_inner {
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
  }
}

/*=========
faq
=========*/

.p-faq__headinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__headinner::before {
  position: absolute;
  left: 0;
  content: "Q．";
  color: #68b9f7;
  font-size: 20px;
  font-weight: bold;
}
.p-faq__headinner p.p-faq__q-txt {
  font-size: 20px;
}
@media screen and (max-width: 736px) {
  .p-faq__headinner {
    padding-left: 25px;
  }
  .p-faq__headinner::before {
    font-size: 16px;
  }
  .p-faq__headinner p.p-faq__q-txt {
    font-size: 16px;
  }
}
.p-faq__bodyinner {
  display: block;
  padding-left: 35px;
  position: relative;
  line-height: 1.5;
}
.p-faq__bodyinner::before {
  position: absolute;
  left: 0;
  content: "A．";
  color: #f76879;
  font-size: 20px;
  font-weight: bold;
}
.p-faq__bodyinner p.p-faq__a-txt {
  font-size: 20px;
}
@media screen and (max-width: 736px) {
  .p-faq__bodyinner {
    padding-left: 25px;
  }
  .p-faq__bodyinner::before {
    font-size: 16px;
  }
  .p-faq__bodyinner p.p-faq__a-txt {
    font-size: 16px;
  }
}


.rankbox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:450px;
	height:270px;
	padding:50px 10px 10px 10px;
}

.rank01_01area{
	position:absolute;
	top:40px;
	left:-7px;
	width:470px;
	height:70px;
	background:#fffddd;
	box-shadow: 0px 5px 0px 0px rgba(204, 193, 85, 1);
	border-radius:10px;
	z-index:0;
}

.rankbox01_all{
	position:absolute;
	top:50px;
	left:14px;
	z-index:1;
}

.rank01_con{
	margin:0px 0px 20px 0px;
}

.rank01icon{
	float:left;
	width:60px;
	margin:0px;
}

.rank02icon{
	float:left;
	width:60px;
	margin:15px 5px 0px 15px;
}

.rank01name01,.rank01name02,.rank01name03{
	float:left;
	width:250px;
	padding:13px 0px 10px 5px;
	font-size:130%;
	font-weight:bold;
}

.rank01name01 a,.rank02name01 a{
	color:#ccc155;
}

.rank01name02 a,.rank02name02 a{
	color:#a7a9a8;
}

.rank01name03 a,.rank02name03 a{
	color:#aa8646;
}

.rank01star{
	float:right;
	width:120px;
	padding:10px 0px 0px 0px;
}

.rank01star a{
	text-decoration:none;
}

.star5_rating{
    position: relative;
    z-index: 0;
    display: inline-block;
    white-space: nowrap;
    color: #CCCCCC; /* グレーカラー 自由に設定化 */
    /*font-size: 30px; フォントサイズ 自由に設定化 */
}

.star5_rating:before, .star5_rating:after{
    content: '★★★★★';
}

.star5_rating:after{
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #ffcf32; /* イエローカラー 自由に設定化 */
}

.star5_rating[data-rate="5"]:after{ width: 100%; } /* 星5 */
.star5_rating[data-rate="4.9"]:after{ width: 98%; } /* 星4.9 */
.star5_rating[data-rate="4.8"]:after{ width: 96%; } /* 星4.8 */
.star5_rating[data-rate="4.7"]:after{ width: 94%; } /* 星4.7 */
.star5_rating[data-rate="4.6"]:after{ width: 92%; } /* 星4.6 */
.star5_rating[data-rate="4.5"]:after{ width: 90%; } /* 星4.5 */
.star5_rating[data-rate="4.4"]:after{ width: 88%; } /* 星4.4 */
.star5_rating[data-rate="4.3"]:after{ width: 86%; } /* 星4.3 */
.star5_rating[data-rate="4.2"]:after{ width: 84%; } /* 星4.2 */
.star5_rating[data-rate="4.1"]:after{ width: 82%; } /* 星4.1 */
.star5_rating[data-rate="4"]:after{ width: 80%; } /* 星4 */
.star5_rating[data-rate="3.5"]:after{ width: 70%; } /* 星3.5 */
.star5_rating[data-rate="3"]:after{ width: 60%; } /* 星3 */
.star5_rating[data-rate="2.5"]:after{ width: 50%; } /* 星2.5 */
.star5_rating[data-rate="2"]:after{ width: 40%; } /* 星2 */
.star5_rating[data-rate="1.5"]:after{ width: 30%; } /* 星1.5 */
.star5_rating[data-rate="1"]:after{ width: 20%; } /* 星1 */
.star5_rating[data-rate="0.5"]:after{ width: 10%; } /* 星0.5 */
.star5_rating[data-rate="0"]:after{ width: 0%; } /* 星0 */

.num{
	color:#ff0000;
	font-weight:bold;
	font-size:150%;
	padding:0px 0px 0px 4px;
}

.timebox_area{
    position:absolute;
	top:-20px;
	left:10px;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}

.timebox_area2{
    position:absolute;
	top:-20px;
	left:10px;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}

.timebox{
    position:relative;
    width:460px;
    height:78px;
    background:url("../img/timebg01.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}

.timebox2{
    position:relative;
    width:460px;
    height:78px;
    background:url("../img/timebg02.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}


.time{
	font-size:150%;
	color:#ffff00;
}
.point{
	padding-top:300px;
}


.lastbox{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:30px 20px 20px 20px;
}

.lastbox .lasttxt{
	text-align:center;
	font-size:110%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

.lastbox .button3 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    border-radius: 9999px;
    max-width: 100%;
    padding: 10px 25px;
    font-family: "Noto Sans Japanese";
    color: #fff;
    line-height: 1.8;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    font-weight: bold;
	font-size:80%;
    background: linear-gradient(270deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
    background-position: 1% 50%;
    background-size: 200% auto;
    transition: all 0.3s ease-out;
}
.lastbox .button3 a:hover {
    color: #fff;
    background-position: 99% 50%;
}
.lastbox .button3 a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}


@media screen and (max-width: 480px) {

.forPC{
display:none;
}
.forSP{
display:block;
}




#fvbg{
	width:100%;
	position:relative;
	height:350px;
	overflow:hidden;
}
#fvbg video{
	width:100%;
}

header{
	width:95%;
	position: absolute;
	top:0px;
  right: 0;
  left: 0;
  margin: 0 auto;
}

.osusume{
	padding-inline: calc((100vw - 95%) / 2);
  background:url("../img/fe_under_bg.png") repeat;
	position:absolute;
	top:160px;
	padding-top:20px;
	padding-bottom:10px;
}

.osusume2{
	padding-inline: calc((100vw - 95%) / 2);
  background:url("../img/fe_under_bg.png") repeat;
	padding-top:20px;
	padding-bottom:20px;
}

.contents{
	margin:0px 0px 0px 0px;
	padding-inline: calc((100vw - 98%) / 2);
}


.pr{
	position:absolute;
	top:0px;
	left:0px;
	background:rgba(0,0,0,0.5);
	color:#ffffff;
	padding:2px 2px 2px 0px;
}

.exparea{
	width:98%;
	padding:10px;
	margin:0px auto 30px auto;
	background:#fffae3;
	border:solid 2px #88c18e;
}

.exp_title{
	font-size: 110%;
	font-weight:bold;
	text-align:center;
	color:#333;
	width:95%;
	padding:0px 0px 5px 0px;
	margin:0px auto 0px auto;
	border-bottom:2px solid #333;
}

.exp_txt{
	color:#333;
	width:95%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	font-size:100%;
	line-height:150%;
}

.pointgrid{
    display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 10px;
	column-gap: 5px;
	padding:20px 0px 30px 0px;
}

.rank{
	background:#6fc0ff;
	padding-top:20px;
	padding-bottom:20px;
}



.rankbox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	height:230px;
	padding:50px 10px 10px 10px;
}

.rank01_01area{
	position:absolute;
	top:40px;
	left:-8px;
	width:104%;
	height:55px;
	background:#fffddd;
	box-shadow: 0px 5px 0px 0px rgba(204, 193, 85, 1);
	border-radius:10px;
	z-index:0;
}

.rankbox01_all{
	position:absolute;
	top:50px;
	left:7px;
	z-index:1;
}

.rank01_con{
	width:100%;
	margin:0px 0px 20px 0px;
}

.rank01icon{
	float:left;
	width:40px;
	margin:0px;
}

.rank02icon{
	float:left;
	width:50px;
	margin:15px 5px 0px 10px;
}

.rank01name01,.rank01name02,.rank01name03{
	float:left;
	width:180px;
	padding:8px 0px 10px 5px;
	font-size:100%;
	font-weight:bold;
}

.rank01star{
	float:right;
	width:120px;
	padding:0px 0px 0px 0px;
}

.timebox_area{
    position:absolute;
	top:-20px;
	left:3px;
}

.timebox_area2{
    position:absolute;
	top:-20px;
	left:3px;
}

.timebox{
    position:relative;
    width:110%;
    height:70px;
    background:url("../img/timebg01.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}

.timebox2{
    position:relative;
    width:110%;
    height:70px;
    background:url("../img/timebg02.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}

.time{
	font-size:150%;
	color:#ffff00;
}

.rank02{
	padding:0px 0px 80px 0px;
}

.rankbox02{
	width:98%;
	background:#fff;
	border-radius:20px;
	margin:20px auto 30px auto;
	padding:10px;
	position:relative;
}

.rankicon{
	position:absolute;
	top:10px;
	left:10px;
	width:70px;
}

.rankname{
	position:absolute;
	top:25px;
	left:85px;
	font-size:150%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.rankname a{
	text-decoration:none;
	color:#000;
}

.rankname2{
	position:absolute;
	top:20px;
	left:30px;
	font-size:150%;
	font-weight:bold;
	padding:0px 0px 0px 0px;
}

.rankname2 a{
	text-decoration:none;
	color:#000;
}

.rankrate{
	position:absolute;
	top:50px;
	right:10px;
	font-size:150%; 
}

.rankdata{
	display: block;
	padding:60px 0px 10px 0px;
}

.rankimage{
	width:100%;
	margin:0px 0px 20px 0px;
}

.rankdata02{
	margin:0px 0px 0px 0px;
}

.ranktbl01{
	width:100%;
	border-collapse:  collapse;
	margin:0px auto 20px auto;
}

.ranktbl01 th{
	background:#caf8cf;
	border:1px solid #90e790;
	color:#fff;
	width:33%;
	padding:10px 0px;
}

.ranktbl01 td{
	border:1px solid #90e790;
	color:#000;
}


.ranktbl01 td p{
	width:110px;
	height:110px;
	font-weight:bold;
	text-align:center;
	line-height:110px;
}

.voicedata{
	font-size:14px;
	margin:0px 0px 20px 0px;
}

.voicerate{
	position:absolute;
	top:18px;
	right:0px;
	font-size:16px;
}

.voicetxt{
	font-size:16px;
	line-height:150%;
}


.rankbtnarea{
	width:100%;
    display: grid;
	grid-template-columns: repeat(1, 1fr);
	row-gap: 20px;
	column-gap: 20px;
	margin:20px auto 20px auto;
}

 a.btn_01 {
	width: 98%;
	padding: 20px;
	font-size:16px;
	font-weight:bold;
}

a.btn_02 {
	width: 98%;
	padding: 20px;
	font-size:16px;
	font-weight:bold;
}

a.btn_03 {
	width: 98%;
	padding: 20px;
	font-size:16px;
	font-weight:bold;
}

.rankpoint{
    display: grid;
	grid-template-columns: repeat(5, 1fr);
	row-gap: 5px;
	column-gap: 5px;
	padding:10px;
}

.rankpoint2{
    display: grid;
	grid-template-columns: repeat(6, 1fr);
	row-gap: 5px;
	column-gap: 5px;
	padding:0px 10px 20px 10px;
}

.pointtxt{
	font-size:110%;
	font-weight:bold;
	padding:7px 5px 10px 5px;
}

.goodhand{
	position:absolute;
	bottom:-15px;
	right:-6px;
	width:60px;
}

.rank02voice{
	position:relative;
	width:90%;
	border-radius:10px;
	border:3px solid #ffd5a2;
	margin:0px 0px 20px 30px;
	padding:20px;
}

.voice_icon{
	position:absolute;
	top:0px;
	left:0px;
	width:70px;
}




.button a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    max-width: 97%;
    padding: 20px 25px;
    color: #fff;
    font-family: "Noto Sans Japanese";
    text-decoration: none;
    color: #fff;
    line-height: 1.8;
    transition: 0.3s ease-in-out;
    font-weight: bold;
    background: #ff3f3f;
    border-radius: 9999px;
    border-bottom: solid 5px #af0000;
}

.flowbox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:97%;
	padding:40px 20px 20px 20px;
}


.flow_num{
	width:50px;
}

.flow_title{
	font-weight:bold;
	font-size:120%;
	padding:0px 0px 0px 55px;
	margin:-27px 0px 10px 0px;
}

.flow_txt{
	padding:0px 0px 0px 55px;
	margin:0px 0px 20px 0px;
}

.flow_txt a{
	color:#5ca1ff;
}
.flow_image{
	width:100%;
	margin:0px auto 20px auto;
}

.lastbox{
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:30px 10px 10px 10px;
}

.lasttxt{
	font-size:90%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

.rankbox01{
	position:relative;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	height:230px;
	padding:50px 10px 10px 10px;
}

.rank01_01area{
	position:absolute;
	top:40px;
	left:-8px;
	width:104%;
	height:55px;
	background:#fffddd;
	box-shadow: 0px 5px 0px 0px rgba(204, 193, 85, 1);
	border-radius:10px;
	z-index:0;
}

.rankbox01_all{
	position:absolute;
	top:50px;
	left:7px;
	z-index:1;
}

.rank01_con{
	width:100%;
	margin:0px 0px 20px 0px;
}

.rank01icon{
	float:left;
	width:40px;
	margin:0px;
}

.rank02icon{
	float:left;
	width:50px;
	margin:15px 5px 0px 10px;
}

.rank01name01,.rank01name02,.rank01name03{
	float:left;
	width:180px;
	padding:8px 0px 10px 5px;
	font-size:100%;
	font-weight:bold;
}

.rank01star{
	float:right;
	width:120px;
	padding:0px 0px 0px 0px;
}

.timebox_area{
    position:absolute;
	top:-20px;
	left:-5px;
}

.timebox_area2{
    position:absolute;
	top:-20px;
	left:3px;
}

.timebox{
    position:relative;
    width:110%;
    height:70px;
    background:url("../img/timebg01.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}

.timebox2{
    position:relative;
    width:110%;
    height:70px;
    background:url("../img/timebg02.png") no-repeat;
	background-size: contain;
    padding:5px;
    text-align:center;
    color:#FFFFFF;
    font-weight:bold;
	font-size:120%;
}

.time{
	font-size:150%;
	color:#ffff00;
}

.point{
	padding-top:350px;
}


.lastbox{
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:30px 10px 10px 10px;
}

.lasttxt{
	font-size:90%;
	font-weight:bold;
	margin:10px 0px 10px 0px;
}

}