@charset "utf-8";

*,::after,::before { box-sizing:border-box;}
html {	font-family:sans-serif;
	line-height:1.15;
	-webkit-text-size-adjust:100%;
	-webkit-tap-highlight-color:transparent;}
article,aside,figcaption,figure,footer,header,hgroup,main,nav,section { display:block;}
body {	margin:0;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size:1rem;
	font-weight:400;
	line-height:1.5;
	color:#212529;
	text-align:left;
	background-color:#fff;}
[tabindex="-1"]:focus:not(:focus-visible) { outline:0!important;}
hr {	box-sizing:content-box;
	height:0;
	overflow:visible;}
h1,h2,h3,h4,h5,h6 {
	margin-top:0;
	margin-bottom:.5rem;}
p {	margin-top:0;
	margin-bottom:1rem;}
abbr[data-original-title],abbr[title] {
	text-decoration:underline;
	-webkit-text-decoration:underline dotted;
	text-decoration:underline dotted;
	cursor:help;
	border-bottom:0;
	-webkit-text-decoration-skip-ink:none;
	text-decoration-skip-ink:none;}
address{margin-bottom:1rem;
	font-style:normal;
	line-height:inherit;}
dl,ol,ul {
	margin:0;
	padding: 0;
	list-style: none;}
ol ol,ol ul,ul ol,ul ul { margin:0;}
dt {	font-weight:700;}
dd {	margin-bottom:.5rem;
	margin-left:0;}
blockquote { margin:0 0 1rem;}
b,strong { font-weight:bolder;}
small {	font-size:80%;}
sub,sup{position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;}
sub {	bottom:-.25em;}
sup {	top:-.5em;}
a {	color:#007bff;
	text-decoration:none;
	background-color:transparent;}
a:hover{color:#0056b3; text-decoration:underline;}
a:not([href]):not([class]) { color:inherit; text-decoration:none;}
a:not([href]):not([class]):hover { color:inherit; text-decoration:none;}
code,kbd,pre,samp {
	font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
	font-size:1em;}
pre {	margin-top:0;
	margin-bottom:1rem;
	overflow:auto;
	-ms-overflow-style:scrollbar;}
figure {margin:0 0 1rem;}
img {	vertical-align:middle; border-style:none;}
svg {	overflow:hidden; vertical-align:middle;}
table {	border-collapse:collapse;}
caption{padding-top:.75rem;
	padding-bottom:.75rem;
	color:#6c757d;
	text-align:left;
	caption-side:bottom;}
th {	text-align:inherit; text-align:-webkit-match-parent;}
label {	display:inline-block; margin-bottom:.5rem;}
button {border-radius:0;}
button:focus:not(:focus-visible) { outline:0;}
button,input,optgroup,select,textarea {
	margin:0;
	font-family:inherit;
	font-size:inherit;
	line-height:inherit;}
button,input { overflow:visible;}
button,select { text-transform:none;}
[role=button] { cursor:pointer;}
select { word-wrap:normal;}
[type=button],[type=reset],[type=submit],button { -webkit-appearance:button;}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled) { cursor:pointer;}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner { padding:0; border-style:none;}
input[type=checkbox],input[type=radio] { box-sizing:border-box; padding:0;}
textarea {
	overflow:auto;
	resize:vertical;}
fieldset {
	min-width:0;
	padding:0;
	margin:0;
	border:0;}
legend {display:block;
	width:100%;
	max-width:100%;
	padding:0;
	margin-bottom:.5rem;
	font-size:1.5rem;
	line-height:inherit;
	color:inherit;
	white-space:normal;}
progress { vertical-align:baseline;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button { height:auto;}
[type=search] { outline-offset:-2px; -webkit-appearance:none;}
[type=search]::-webkit-search-decoration {
	-webkit-appearance:none;}
	::-webkit-file-upload-button {
	font:inherit;
	-webkit-appearance:button;}
output { display:inline-block;}
summary{ display:list-item; cursor:pointer;}
template { display:none;}
[hidden] { display:none!important;}
ol { margin-bottom: 1rem;}
footer ul li {
	font-size: 13px;
	display: inline-block;
	margin: 0 7px;}
footer ul li a { color: #fff;}
.clearfix:after{
	content: "";
	clear: both;
	display: block;}
.wrapper { background-image: url(/img/dot.gif);}
header,
main {
    width: 96%;
    max-width: 1000px;
    margin: 0 auto;
    background-color: #fff;
    position: relative;}
h1 {width: 100%;
    background-color: #52c3f1;
    font-size: 11px;
    padding: 3px 7px;
    margin: 0;
    color: #fff;}
header div {
    position: absolute;
    top: 28px;
    right: 14px;}
header div a {
    width: 20px;
    margin: 0 3px;
    display: inline-block;}
header img { width: 100%;}
.menu {
    width: 100%;
    background-color: #52c3f1;
    padding: 7px;
    border-top: solid 2px #2187b1;
    border-bottom: solid 5px #2187b1;}
.menu ul {
    display: flex;
    align-items: center;
    font-size: 18px;}
.menu ul li {
    margin-right: 14px;
    border-right: solid 1px;
    padding-right: 14px;
    color: #fff;}
.menu ul a { color: #fff;}
.foot { margin: 70px auto 0;}
footer {
    width: 100%;
    background-color: #2187b1;
    padding: 0 0 3px;
    color: #fff;
    text-align: center;}
main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 21px 0 0;}
section {
    width: calc(100% - 250px);
    padding-right: 14px;}
aside {
    width: 250px;
    padding: 0 7px 0 0;}
aside h2 {
    font-size: 20px;
    text-align: center;
    color: #2187b1;}
.start div a {
    display: block;
    margin-bottom: 7px;
    border: solid 1px #111;
}
.start div a:nth-child(1) { background-color: #32cd32;}
.start div a:nth-child(2) { background-color: #002051; padding: 7px;}
.start div a:nth-child(3) { background-color: #5c8701;}
.start div a:nth-child(4) { background-color: #0069d5;}
.start div a:nth-child(5) { background-color: #071701; padding: 7px;}
.start div a:nth-child(6) { background-color: #000; padding: 7px;}
.start div a:nth-child(7) { background-color: #00b0ff; padding: 7px;}
.start div a img {
    width: 100%;
    display:block;
    margin: 0 auto;}
.first {
    background-image: url(/img/hina_face0.png);
    background-repeat: no-repeat;
    background-position: bottom 10px right 10px;
    background-size: 20%;
    overflow: hidden;
    padding: 21px;
    position: relative;
    width: calc(100% - 14px);
    margin-left: 7px;
    display: block;
    border: solid 3px #a2a2a2;}
.first:before,
.first:after { content:"";}
.first:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 3px #fff;}
.first:after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: solid 3px #a2a2a2;}
.first p {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: bold;
    width: 70%;
    padding: 0;
    margin: 0;
    line-height: 1.4;
    color: #525252;}
.men,
.hina {
    position: relative;
    display: flex;
    align-items: center;
    margin: 35px auto;}
.men .voice {
    color: #444;
    margin-left: 20px;
    margin-right: 20px;
    padding: 1.2em;
    border: 3px solid #909090;
    background-color: #dae6e6;
    border-radius: 5px;
    width: calc(100% - 152px);
    position: relative;}
.men .voice:before {
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #909090;
    right: -23px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);}
.men .voice:after {
    content: '';
    border: 10px solid transparent;
    border-left: 10px solid #dae6e6;
    right: -19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);}
.face { width: 152px;}
.face img { width: 100%;}
.men .face { margin-right: 20px;}
.hina .face { margin-left: 20px;}
.hina .voice {
    color: #444;
    margin-left: 20px;
    margin-right: 20px;
    padding: 1.2em;
    width: calc(100% - 152px);
    position: relative;
    border: 3px solid #eee;
    background-color: #fff;
    border-radius: 5px;}
.hina .voice:before {
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #eee;
    left: -23px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);}
.hina .voice:after {
    content: '';
    border: 10px solid transparent;
    border-right: 10px solid #fff;
    left: -19px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);}
.voice p {
    font-weight: bold;
    line-height: 2;
    font-size: 20px;}
.men .voice p {
    font-size: 24px;
    text-align: left;}
.voice p:last-child { margin-bottom: 0px;}
.title {
    width: 100%;
    background-color: #525252;
    padding: 7px;}
.title h2 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 0;}
.flow {
    overflow: hidden;
    padding: 21px;
    position: relative;
    width: calc(100% - 14px);
    margin-top: 30px;
    margin-left: 7px;
    display: block;
    border: solid 3px #a2a2a2;}
.flow:before,
.flow:after { content:"";}
.flow:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 3px #fff;}
.flow:after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: solid 3px #a2a2a2;}
.flow h3 {
    color: #525252;
    position: relative;
    z-index: 1;
    font-size: 24px;}
.flow p {
    position: relative;
    z-index: 1;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    padding: 0;
    margin: 0 0 28px;
    line-height: 1.4;
    color: #525252;}
.flow p:last-child { margin: 0;}
.regist {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: calc(100% - 20px);}
.registLeft {
    width: 60%;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;}
.registLeft p {}
.registRight {
    width: 40%;
    padding-top: 20px;}
.registRight img {
    width: 100%;
    border: solid 5px #909090;
    border-radius: 5px;
    margin-bottom: 14px;}
.registRight a {}
.registRight a img {
    border: none;
    border-radius: 0;}
.fTitle { color: #003f97;}
.LinkBtnNo2 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    margin-bottom: 70px;}
.LinkBtnNo2 div {
    width: 40.218%;
    margin: 30px 4.891% 0;
    padding: 0;}
.LinkBtnNo2 div a {
    display: block;
    width: 100%;}
.LinkBtnNo2 div a img { width: 100%;}
.shiny {
    display: block;
    position: relative;
    width: 80%;
    overflow: hidden;}
.shiny:hover {
    text-decoration: none;
    color: #fff;}
.shiny::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny 3s ease-in-out infinite;}
@-webkit-keyframes shiny {
    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; }
}
.instacom {
    width: calc(100% - 42px);
    margin: 14px 21px;}
.instacom img { width: 100%;}
.instagram {
    width: 94%;
    max-width: 550px;
    font-size: 15px;
    background: #fafafa;
    padding: 2.5%;
    border: solid 1px #ccc;
    margin: 2% auto;
    height: 300px;
    overflow-y: scroll;}
.instaBox {
    width: 100%;
    max-width: 470px;
    margin: 0 auto;
    font-size: 15px;
    border-radius: 8px;
    margin-bottom: 12px;
    overflow: hidden;
    border: 1px solid #dbdbdb;
    background: #fff;}
.instaUser {
    position: relative;
    flex-wrap: wrap;
    align-items: center;
    display: flex;
    padding: 8px;}
.instaUser li {
    height: 42px;
    line-height: 42px;}
.instaUser li:nth-child(1) {
    width: 42px;
    overflow: hidden;
    border-radius: 50%;}
.instaUser li:nth-child(1) img {
    width: 100%;
    border-radius: 50%;
    padding: 4px;}
.instaUser li:nth-child(2) {
    width: calc(100% - 84px);
    padding: 0 0 0 10px;
    font-weight: 500;}
.instaUser li:nth-child(3) {
    width: 42px;
    text-align: center;
    font-size: 30px;
    line-height: 20.5px;}
.instaImg {
    position: relative;
    height: 460px;
    overflow: hidden;}
.instaImg img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);}
.icon,
.instaAction ul li img {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 8px;}
.instaAction {
    position: relative;
    padding: 7px;}
.instaAction ul {
    width: 120px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;}
.instaAction ul li,
.instaAction div {
    overflow: hidden;
    width: 40px;
    height: 40px;}
.instaAction ul li img,
.instaAction div img {
    width: 100%;
    padding: 8px;}
.instaAction div {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);}
.instaIine { padding: 3px 14px;}
.instaComment {
    padding: 3px 14px;
    flex-wrap: wrap;
    align-items: self-start;}
.instaMore {
    color: #000;
    display: inline-block;}
.instaMore_ {
    color: #888;
    display: inline-block;}
.instaData {
    padding: 3px 14px;
    font-size: 10px;
    color: #666;
    height: 18px;
    margin-top: 7px;
    margin-bottom: 12px;}
[class^="toggle"] { cursor:pointer;}
.instaRead { display:none;}
.instaTag {
    color: #00376b;
    display: block;}
.add { display: none;}
.instaUser li,
.instaAction ul li,
.instaAction div,
.instaMore_ { cursor: pointer;}
.instaAction ul li:hover,
.instaAction div:hover { opacity: 0.7;}
.page-top {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 50;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #115582;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;}
.page-top::before {
  content: "";
  width: 12px;
  height: 12px;
  margin-bottom: -6px;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  transform: rotate(-45deg);}
.page-top:hover { transform: scale(1.1);}
.mokuji {
    padding: 21px;
    position: relative;
    width: calc(90% - 14px);
    margin: 30px auto;
    display: block;
    border: solid 3px #a2a2a2;}
.mokuji:before {
    content:"";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: solid 3px #fff;}
.mokuji:after {
    content:"";
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border: solid 3px #a2a2a2;}
.mokuji h3 {
    font-size: 20px;
    height: 20px;
    position: absolute;
    top: -26px;
    left: 0;
    color: #a2a2a2;}
.mokuji ul {
    position: relative;
    z-index: 1;}
.mokuji ul li {
    border-bottom: dotted 2px #acacac;
    padding: 7px 0 0;}
.mokuji ul li:first-child { padding: 0;}
.mokuji ul li a { color: #1a1a1a;}

.orange { color: #ff6c00;}
.LineLink { display: none;}
.nav {display: none;}

.sns { width: 100%;}
.sns .snsTtl {
    width: 94%;
    max-width: 699px;
    margin: 70px auto 14px;
    display: block;
    text-align: center;}
.sns .snsTtl img { width: 100%;}
.sns .snsBtn {
    width: 42.9%;
    max-width: 429px;
    margin: 30px auto;}
.sns .snsBtn a {
    width: 100%;
    display: block;}
.sns .snsBtn a img { width: 100%;}
.snsCnt {
    width: 100%;
    height: 100%;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;}
.snsCnt ul {
    width: 100%;
    height: 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 50%;}
.snsCnt ul li {
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    width: calc(100% / 4);
    height: 25vw;}
.text {
    width: 100%;
    padding: 20px;
    font-size: 18px;
    font-weight: bold;}

.point {
    margin: 0 auto 7%;
    width: 90%;}

@font-face {
    font-family: "HKPw";
    src: url("/css/font/HKPw.woff2") format("woff2"),
    url("/css/font/HKPw.woff") format("woff");
}
.HKPw {font-family: "HKPw";}
@font-face {
    font-family: "HGSP";
    src: url("/css/font/HGSP.woff2") format("woff2"),
    url("/css/font/HGSP.woff") format("woff");
}
.HGSP {font-family: "HGSP";}
.midashi {
    position: relative;
    width: 100%;
    padding: 20px;
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 10px, rgb(1 255 229 / 50%) 10px, rgba(1 255 229 / 100%) 20px );}
.midashi p { margin: 0;}
.midashi span {
    font-family: "HKPw";
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    background-color: #fff;
    margin: 0 auto;
    display: block;
    padding: 2% 0;
    color: #003f97;}
.midashi.point1 {}
.midashi.point1:before {
    content: "ポイント１";
    font-family: "HGSP";
    display: block;
    background-color: #f00;
    width: max-content;
    padding: 3px 7px;
    font-size: 20px;
    color: #fff;
    transform: rotate(-25deg);
    position: absolute;
    left: -7px;
    top: 0;}
.midashi.point2:before {
    content: "ポイント２";
    font-family: "HGSP";
    display: block;
    background-color: #f00;
    width: max-content;
    padding: 3px 7px;
    font-size: 20px;
    color: #fff;
    transform: rotate(-25deg);
    position: absolute;
    left: -7px;
    top: 0;}
.midashi.point3:before {
    content: "ポイント３";
    font-family: "HGSP";
    display: block;
    background-color: #f00;
    width: max-content;
    padding: 3px 7px;
    font-size: 20px;
    color: #fff;
    transform: rotate(-25deg);
    position: absolute;
    left: -7px;
    top: 0;}

.bold { font-weight: bold;}
.red { color: #f00;}
.big { font-size: 150%;}

.timg {}
.timg ul {
    display: flex;
    flex-wrap: wrap;}
.timg ul li {
    width: calc(100% / 2);
    padding: 0 5%;
    margin: 0 auto 7%;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    text-shadow: 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
    color: #ff0;}
.timg ul li img {
    width: 100%;
    display: block;
    margin: 0 auto 7%;}
.timg ul li span {}
.timg ul li span:before {
    content: "的中率";
    font-size: 70%;
    margin: 0 0 0 14px;}
.timg ul li:last-child { font-size: 30px;
    text-shadow: 0px 0px 5px #ff0, 0px 0px 5px #ff0, 0px 0px 5px #ff0, 0px 0px 5px #ff0;
    color: #f00;}
.timg ul li:last-child span {}
.br br { display: none;}

@media screen and (max-width:960px) {
	.first p { font-size: 15px;}
	.men .voice,
	.hina .voice { width: calc(100% - 100px);}
	.face { width: 100px;}
	.men .voice p { font-size: 20px;}
	.voice p { font-size: 15px;}
	.flow h3 { font-size: 18px;}
	.flow p { font-size: 15px;}
}
@media screen and (max-width:640px) {
	header { width: 100%;}
	aside { display: none;}
	section {
	    width: 100%;
	    padding-right: 0;}
	.nav {
	    position: fixed;
	    top: 7px;
	    right: 7px;
	    background: #2187b1;
	    width: 40px;
	    height: 46px;
	    z-index: 100000;
	    border-radius: 3px;
	    font-size: 13px;
	    color: #fff;
	    text-align: center;
	    display: block;}
	.nav span:nth-child(2) {
	    position: absolute;
	    left: 0;
	    right: 0;
	    text-align: center;
	    margin: 0 auto;
	    top: 25px;}
	.nav span:nth-child(1) {
	    display: block;
	    width: 80%;
	    margin: 0 auto;
	    position: relative;
	    left: 0;
	    right: 0;
	    border-top: solid 2px #fff;
	    top: 8px;}
	.nav span:nth-child(1):before,
	.nav span:nth-child(1):after {
	    display: block;
	    width: 80%;
	    margin: 0 auto;
	    position: absolute;
	    left: 0;
	    right: 0;
	    border-top: solid 2px #fff;}
	.nav span:nth-child(1):before { top: 7px;}
	.nav span:nth-child(1):after { top: 16px;}
	.nav span:nth-child(1):before,
	.nav span:nth-child(1):after {
	    content:"";
	    width: 100%;}
	.nav.open { display: block;}
	.nav.open span:nth-child(1)  {
	    transform: rotate(-45deg);
	    top: 14px;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    width: 70%;}
	.nav.open span:nth-child(1):before {
	    content: "";
	    width: 100%;
	    transform: rotate(90deg);
	    top: 0px;}
	.nav.open span:nth-child(1):after { display: none;}
	header div {
display: none;
	    position: fixed;
	    top: 4px;
	    right: 50px;
	    left: auto;
	    z-index: 100;}
	.menu {
	    border-top: none;
	    border-bottom: none;
	    opacity: 0;
	    height: 0;
	    padding: 0;}
	nav.open {
	    display: block;
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background: none;
	    opacity: 1;
	    z-index: 99;}
	.menu ul {
	    top: -50%;
	    transition: .4s;
	    left: 50%;
	    transform: translateY(-50%) translateX(-50%);
	    -webkit- transform: translateY(-50%)}
	.menu.open ul {
	    transition: .4s;
	    align-items: center;
	    font-size: 18px;
	    padding: 30px;
	    width: 80%;
	    margin: 0 auto;
	    display: block;
	    background: #52c3f1;
	    border-radius: 14px;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translateY(-50%) translateX(-50%);
	    -webkit- transform: translateY(-50%) translateX(-50%);}
	.menu.open ul a {
	    color: #0f688d;
	    display: block;
	    padding: 14px 0;
	    font-weight: bold;
	    border-bottom: dotted 2px #0f688d;}
	.menu.open ul li:nth-child(1) a { border-top: dotted 2px #0f688d;}
	.menu.open ul li {
	    margin-right: 0;
	    padding-right: 0;
	    border-right: none;}
	header .cls {
	    z-index: 0;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    right: 0;
	    width: 100%;
	    height: 100%;
	    background: #ffffffa1;}
	.foot.menu ul { display: none;}
	.LineLink {
	    display: block;
	    position: fixed;
	    bottom: 0;
	    width: 100%;
	    text-align: center;
	    left: 0;
	    right: 0;
	    margin: 0 auto;
	    padding: 0;
	    background: #02bb04;}
	.LineLink img { width: 100%;}
	.LineLink .shiny {
	    display: block;
	    position: relative;
	    width: 100%;
	    overflow: hidden;}
	.page-top {
	    right: 7px;
	    bottom: 20vw;
	    width: 35px;
	    height: 35px;}
	.men, .hina {
	    margin: 17.5px auto;}
	.regist { width: 100%;}
	.foot.menu { opacity : 1;}
	.sns .snsBtn { width: 70%;}
	.midashi span {
	    font-size: 7vw;
	    padding: 2% 11%;}
	.br br { display: block;}
}
@media screen and (max-width:460px) {
	.first { background-size: 30%;}
	.first p { font-size: 4.5vw;}
	.first p:nth-child(1),
	.first p:nth-child(2) { width: 100%;}
	.first p:nth-child(4),
	.first p:nth-child(5) { width: 60%;}
	.face { width: 70px;}
	.voice p { line-height: 1.4;}
	.hina .voice {
	    margin-left: 14px;
	    margin-right: 10px;
	    padding: 0.6em;
	    width: calc(100% - 84px);}
	.hina .face { margin-left: 14px;}
	.mokuji { width: calc(100% - 14px);}
	.title h2 { font-size: 18px;}
	.flow h3 { font-size: 16px;}
	flow p { font-size: 13px;}
	.registLeft {
	    width: 90%;
	    padding: 10px;
	    font-size: 4.5vw;
	    margin: 0 auto;
	    line-height: 1.8;}
	.registRight {
	    width: 100%;
	    padding: 0 21px;
	    margin: 0 auto;}
	.registRight a { margin: 0 auto;}
	.fTitle {
	    text-align: center;
	    margin: 0 auto;
	    display: block;}
	.LinkBtnNo2 div a { width: 100%;}
	.voice p { font-size: 4.5vw;}
	.mokuji ul li {
	    border-bottom: dotted 1px #acacac;
	    padding: 7px 0 0;
	    font-size: 4.5vw;
	    font-weight: bold;}
	.flow h3 { font-size: 5vw;}
	.flow p {
	    font-size: 4.5vw;
	    line-height: 1.6;}
	.fTTL {
	    margin-top: 1rem;
	    margin-bottom: 0;
	    font-size: 6vw;}
	.men,
	.hina { display: block;}
	.men { margin-bottom: -10vw;}
	.men .face {
	    margin-right: 14px;
	    margin-left: calc(100% - 70px - 14px);}
	.men .voice {
	    margin-right: 14px;
	    margin-left: 14px;
	    padding: 0.6em;
	    width: calc(100% - 28px);
	    margin-bottom: 14px;}
	.men .voice:before {
	    content: '';
	    border: 10px solid transparent;
	    border-top: 10px solid #909090;
	    right: 22px;
	    position: absolute;
	    bottom: 0%;
	    transform: translateY(100%);
	    -webkit- transform: translateY(100%);}
	.men .voice:after {
	    content: '';
	    border: 10px solid transparent;
	    border-top: 10px solid #dae6e6;
	    right: 22px;
	    position: absolute;
	    bottom: 4px;
	    transform: translateY(100%);
	    -webkit- transform: translateY(100%);}
	.men .voice p {
	    font-size: 5vw;
	    line-height: 1.6;}
	.hina .voice {
	    margin-left: 14px;
	    margin-right: 14px;
	    padding: 0.6em;
	    width: calc(100% - 28px);
	    margin-top: 14px;}
	.hina .voice:before {
	    content: '';
	    border: 10px solid transparent;
	    border-bottom: 10px solid #eee;
	    left: 21px;
	    position: absolute;
	    top: -23px;
	    transform: translateY(0%);
	    -webkit- transform: translateY(0%);}
	.hina .voice:after {
	    content: '';
	    border: 10px solid transparent;
	    border-bottom: 10px solid #fff;
	    left: 21px;
	    position: absolute;
	    top: -19px;
	    transform: translateY(0%);
	    -webkit- transform: translateY(0%);}
.timg ul { display: block;}
.timg ul li { width: 80%;}
.timg ul li img { margin: 0 auto -14%;}
.LinkBtnNo2 {
    display: block;}
.LinkBtnNo2 div {
    width: 80%;
    margin: 30px auto 0;
}

.midashi.point1:before,
.midashi.point2:before,
.midashi.point3:before {
    top: -10px;}
}
@media screen and (max-width:400px) {
	.LinkBtnNo2 div {
	    width: 80%;
	    margin: 30px auto 0;}
}

.CoT:before { content:"クリック";}
@media screen and (max-width:640px) {.CoT:before { content:"タップ";}}







.siteimg {
    width: 85%;
    padding: 5%;
    margin: 5% auto;
    background-color: #93e3e0;}
.siteimg img { width: 100%;}
.siteimg small {
    display: block;
    text-align: center;
    margin: 3.5% auto 0;}
.rate {
    position: relative;
    display: inline-block;
    width: 150px;
    height: 30px;
    font-size: 30px;}
.rate::before,
.rate::after {
    position: absolute;
    display: inline-block;
    height: 30px;
    content: "★★★★★";
    line-height: 30px;}
.rate::before {
    color: #c4c4c4;
    text-shadow: 0px 2px 5px #0000001f;}
.rate::after {
    overflow: hidden;
    width: 150px;
    color: #ffb906;}
.rate-wrap {
    display: flex;
    width: max-content;
    align-items: center;
    justify-content: space-evenly;
    font-weight: bold;
    zoom: 2;
    margin: 0 auto 21px;
    padding: 5px 5px 7px 7px;
    border: solid 1px;
    border-radius: 50px;
    box-shadow: 0px 1px 0 #000;
    background-color: #fff;}
.num {
    width: 50px;
    text-align: center;
    height: 30px;
    line-height: 35px;
    font-family: 'HKPw';}
@media screen and (max-width:767px) {
	.rate-wrap { zoom: 1.5;}
}
@media screen and (max-width:450px) {
	.rate-wrap { zoom: 1;}
}
@media screen and (max-width:320px) {
	.EiP ul li:last-child { margin: 14% auto 0;}
}


.Sbg {
    background-color: #d1f7f6;
    padding: 2% 0;}
.Sbg_ { padding: 2% 0;}
.rate.R45::after {
    overflow: hidden;
    width: 135px;
    color: #ffb906;}
.features {
    width: 85%;
    padding: 14px;
    margin: 5% auto;
    border: solid 5px #ffb906;
    position: relative;}
.features h3 {
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: max-content;
    background-color: #fff;
    padding: 7px 14px;
    font-family: "HKPw";
    color: #1266db;}
.Sbg .features h3 { background-color: #d1f7f6;}
.features ul {}
.features ul li {
    padding: 0 0 0 40px;
    line-height: 2;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;}
.features ul li span{
    display: block;
    position: absolute;
    width: 25px;
    height: 25px;
    border: solid 3px #1266db;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(0%);
    -webkit- transform: translateY(-50%) translateX(0%);}
.features ul li span:after {
    content:"";
    position: absolute;
    width: 20px;
    height: 10px;
    border-top: solid 3px #1266db;
    border-right: solid 3px #1266db;
    top: 50%;
    left: 0px;
    transform: translateY(-50%) translateX(0%) rotate(135deg);
    -webkit- transform: translateY(-50%) translateX(0%) rotate(135deg);}



.EiP { width: 100%;}
.EiP ul {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;}
.EiP ul li {
    width: 150px;
    height: 150px;
    background-color: #ffe689;
    border-radius: 50%;
    padding: 0;
    text-align: center;
    line-height: 20px;
    position: relative;}
.EiP ul li:last-child {
    background-color: #93e3e0;}
.EiP ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;}
.EiP ul li a:before,
.EiP ul li a:after {
    content:"";
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;}
.EiP ul li a:before {
    background-image: url(/img/btn.png);
    padding-bottom: 48%;
    top: -14px;}
.EiP ul li a:after {
    background-image: url(/img/btn_.png);
    padding-bottom: 43%;
    bottom: -14px;}
.EiP ul li a span {
    display: block;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    font-size: 26px;
    width: 87%;
    line-height: 1.2;
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000;}

.plf {
    width: 85%;
    padding: 14px;
    margin: 5% auto 10%;}