@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;
}


.bg_pattern {
  background-color: #eeeeee;
}
.Triangle_v4 {
  background-image: linear-gradient(135deg, #dddddd 25%, transparent 25%), linear-gradient(225deg, #dddddd 25%, transparent 25%);
  background-position: 0 0, 20px 0, 0 0, 0 0;
  background-size: 20px 20px;
  background-repeat: repeat;
}

.wrap{
	background:#fff;
	width:480px;
	margin:0px auto;
  box-shadow: -5px -5px 10px 0px rgba(255, 255, 255, 0.8), 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

header{
}

.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:-65px 0px 0px 0px;
}

.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;
}

.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;
}

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

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



.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:0px auto 20px auto;
	padding:0px 0px 20px 0px;
}

.rank02name01,.rank02name02,.rank02name03{
	float:left;
	width:380px;
	font-size:140%;
	font-weight:bold;
	padding:20px 0px 20px 0px;
}

.rank02image{
	clear:both;
	width:97%;
	margin:0px auto 10px auto;
}

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

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

.rank02tbl01 th{
	background:#aedcff;
	border:1px solid #b9e1ff;
	color:#fff;
	width:33%;
	padding:10px 0px;
}

.rank02tbl01 td{
	border:1px solid #b9e1ff;
	color:#000;
}

.rank02tbl02 th{
	background:#aedcff;
	border:1px solid #b9e1ff;
	color:#fff;
	padding:10px 0px;
}

.rank02tbl02 td{
	border:1px solid #b9e1ff;
	color:#000;
}

.rank02tbl01 td p{
	width:145px;
	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;
}

.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:120%;
	font-weight:bold;
	padding:7px 0px 13px 50px;
}

.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);
}
.line_button a {
    align-items: center;
    margin: 0px auto 20px auto;
    max-width: 400px;
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}

.flow,.hikaku,.how,.qa{
	padding:0px 0px 80px 0px;
}

.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;
	border-radius:20px;
	background:#fff;
	margin:0px auto 20px auto;
	width:95%;
	padding:20px 20px 0px 20px;
	overflow-x: scroll;
}

.hikakutbl{
	border-collapse:  collapse;
	margin:0px auto 10px auto;
	width:870px;
}

.hikakutbl th{
	background:#aedcff;
	border:1px solid #b9e1ff;
	color:#fff;
	width:16%;
	padding:10px 0px;
}

.hikakutbl td{
	border:1px solid #b9e1ff;
	color:#000;
}

.hikaku_image{
	padding:10px;
}

.hikaku_name{
	padding:0px 10px 0px 10px;
	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;
}

.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;
}

.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;
  }
}





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

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


.wrap{
	width:100%;
	margin:0px auto;
  box-shadow: -5px -5px 10px 0px rgba(255, 255, 255, 0.8), 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
}

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

.contents{
	margin:-55px 0px 0px 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: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:99%;
	background:#fff;
	border-radius:20px;
	margin:0px auto 20px auto;
	padding:0px 0px 20px 0px;
}

.rank02name01,.rank02name02,.rank02name03{
	float:left;
	width:250px;
	font-size:140%;
	font-weight:bold;
	padding:20px 0px 20px 0px;
}

.rank02image{
	clear:both;
	width:99%;
	margin:0px auto 10px auto;
}

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

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

.rank02tbl01 th{
	background:#aedcff;
	border:1px solid #b9e1ff;
	color:#fff;
	width:33%;
	padding:10px 0px;
}

.rank02tbl01 td{
	border:1px solid #b9e1ff;
	color:#000;
}

.rank02tbl02 th{
	background:#aedcff;
	border:1px solid #b9e1ff;
	color:#fff;
	padding:10px 0px;
}

.rank02tbl02 td{
	border:1px solid #b9e1ff;
	color:#000;
}

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

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

.niko01{
	position:absolute;
	top:15px;
	left:10px;
	width:30px;
}

.niko02{
	position:absolute;
	top:65px;
	left:10px;
	width:30px;
}

.niko03{
	position:absolute;
	top:115px;
	left:10px;
	width:30px;
}

.pointtxt{
	font-size:110%;
	font-weight:bold;
	padding:7px 0px 17px 40px;
}

.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:-30px;
	left:-30px;
	width:70px;
}

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

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

.voice_title{
	clear:both;
	font-size:110%;
	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: 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;
}

}