.front-top-h1-2 {
font-size: 1.14rem;
text-align: center;
}

.front-top-h1-2-span1 {
font-weight: bold;
display: flex;
align-items: center;
line-height: 1.2;
margin-bottom: .2rem;
text-align: center;
}

.front-top-h1-2-span1::before {
margin-right: 1rem;
}

.front-top-h1-2-span1::after {
margin-left: 1rem;
}

.front-top-h1-2-span1::before, .front-top-h1-2-span1::after {
content: "";
height: 20px;
flex-grow: 1;
background-image: -webkit-repeating-linear-gradient(90deg, #E4CDF8, #E4CDF8 2px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-90deg, #E4CDF8, #E4CDF8 2px, transparent 2px, transparent 5px);
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.front-top-h1-2-span2 {
position: relative;
padding-left: .5rem;
}

.front-top-h1-2-span2::before {
content: '';
display: inline-block;
/*position: absolute;*/
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/pokeko.svg);
width: 1.7rem;
height: 1.7rem;
background-repeat: no-repeat;
/*left: 1.4rem;*/
/*top: .5rem;*/
/* transform: translate(-50%, -50%);*/
}

.front-top-h1-2-p {
color: #F836AD;
border-bottom: 1px solid #1f1f1f;
margin-bottom: 1rem;
font-size: 1.57rem;
text-align: center;
padding-bottom: .3rem;
}

.front-top-h1-2-p-span {
font-size: 4rem;
font-weight: bold;
background: linear-gradient(#fff 70%, #FFFCBC 70%, #FFFCBC 85%, #fff 85%);
font-family: 'Open Sans', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
/*line-height: 1.2;*/
}

.front-top-h1-2-p-2-box {
margin: 0 1rem;
}

.front-top-h1-2-p-2 {
margin: 2rem auto 3rem;
max-width: 900px;
}

@media screen and (min-width: 1201px) {
.front-top-h1-2 {
font-size: 3rem;
margin-top: 3rem;
}

.front-top-h1-2-span2::before {
width: 3rem;
height: 3rem;
/*  left: 2rem;
top: 1.5rem;*/
}

.front-top-h1-2-span2 {
padding-left: .5rem;
}

.front-top-h1-2-span1::before, .front-top-h1-2-span1::after {
height: 2rem;
}

.front-top-h1-2-p-span {
font-size: 7rem;
}

.front-top-h1-2-p {
padding-bottom: 2rem;
font-size: 3rem;
margin-top: 1rem;
}

.front-top-h1-2-span1 {
font-size: 2rem;
}

.office-maintitle-2 .moz-title {
font-size: 1.857rem;
}
}

.mg-auto-r280 {
margin: 1rem auto 0;
}

.front-top-under-inner>ul {
display: flex;
padding: 5px 0;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
flex-direction: row;
}

.front-top-under-inner>ul>li {
font-size: .92rem;
color: #fff;
font-weight: bold;
padding-left: 8px;
margin: 0 8px;
position: relative;
display: block;
}

.front-top-under-inner ul li::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/front/check001.svg);
width: .8rem;
height: .8rem;
background-repeat: no-repeat;
left: 0;
transform: translate(-50%, -50%);
top: .8rem;
}

/***　　　目　次　　　******/

/*トップ見出し*/

.office-maintitle {
border-radius: 50% 50% 0 0;
}

.office-maintitle .moz-title {
color: #3B4043;
line-height: 1.3;
margin: 2rem 0 0.666rem;
}

/*タイトル*/

.office-maintitle .moz-heading_bottom {
background: #FFEBCB;
text-align: center;
line-height: 1.2;
font-size: 1.46rem;
font-weight: 700;
padding: 0.8rem 0;
margin: 0.5rem 0;
position: relative;
}

.office-maintitle .moz-heading_bottom>span, .office-maintitle .moz-heading_bottom>span {
position: relative;
display: inline-block;
}

.office-maintitle .moz-heading_bottom>span::before, .office-maintitle .moz-heading_bottom>span::after {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
bottom: 0.5rem;
}

.office-maintitle .moz-heading_bottom>span::before {
background-image: url(/assets/images/sapporo-img6.svg);
right: -3rem;
}

.office-maintitle .moz-heading_bottom>span::after {
background-image: url(/assets/images/sapporo-img7.svg);
left: -3rem;
}

/*1行用*/

.office-maintitle .moz-heading_bottom1 {
background: #FFEBCB;
text-align: center;
line-height: 1.2;
font-size: 1.46rem;
font-weight: 700;
padding: 0.8rem 0;
margin: 0.5rem 0;
position: relative;
}

.office-maintitle {
position: relative;
}

.office-maintitle img {
position: absolute;
top: -1rem;
z-index: -3;
display: inline-block;
margin: 0 auto;
width: 400px;
height: auto;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
}

.office-maintitle .moz-heading_bottom1>span, .office-maintitle .moz-heading_bottom1>span {
position: relative;
display: inline-block;
}

.office-maintitle .moz-heading_bottom1>span::before, .office-maintitle .moz-heading_bottom1>span::after {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
width: 2rem;
height: 2rem;
}

.office-maintitle .moz-heading_bottom1>span::before {
background-image: url(/assets/images/sapporo-img6.svg);
right: -3rem;
}

.office-maintitle .moz-heading_bottom1>span::after {
background-image: url(/assets/images/sapporo-img7.svg);
left: -3rem;
}

/*トップ見出し*/

.office-maintitle-2 {
background-color: #fff;
border-radius: 50% 50% 0 0;
display: block;
padding-bottom: 3.5rem;
padding-top: 3.2rem;
}

.office-maintitle-2 .moz-title {
font-size: 1.466rem;
text-align: center;
color: #3B4043;
font-weight: 700;
line-height: 1.3;
margin: 2rem 0 0.666rem;
}

.office-maintitle-2 .moz-heading::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/pokeko.svg);
width: 50px;
height: 50px;
background-repeat: no-repeat;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.poketop-h-background {
background-color: #fff;
background-size: 10px 10px;
background-image: radial-gradient(#ffa95e 10%, transparent 20%);
}

/*　office flex*/

.front-wrap-box01 {
max-width: 740px;
margin: 2.66rem auto 0;
}

/*チャットレディとは？*/

.front-chatjob-flex {
margin-top: 0;
position: relative;
margin-bottom: 2rem;
}

.front-chatjob-img {
float: right;
width: 120px;
height: auto;
margin-left: .66rem;
}

/*ブログ用*/

/*リンク*/

.office-contents .moz-link, .office-contents .moz-link2 {
display: block;
position: relative;
text-align: right;
padding-right: 2rem;
color: #333333;
padding-bottom: 1rem;
line-height: 1.2;
font-weight: bold;
font-size: 1rem;
text-decoration: none;
}

.office-contents .moz-link2::before {
position: absolute;
right: 1px;
content: "";
display: inline-block;
width: 1.4rem;
height: 1.4rem;
background: url(/assets/images/poke-arrow-maru.svg) no-repeat;
background-size: contain;
}

/*　　共有h3 twitter youtubu　　*/

.office-contents .moz-heading_twitter, .office-contents .moz-heading_youtube {
margin: 2rem 0 0;
font-size: 1.733rem;
font-weight: 700;
line-height: 1.1;
text-align: center;
}

/*チャットレディとは？*/

.front-chatjob a {
text-decoration: none;
}

.chatjob-001, .chatjob-002, .chatjob-003, .chatjob-004, .chatjob-005 {
padding: 10px 0;
text-align: center;
position: relative;
left: 0;
top: 0;
max-width: 400px;
/*padding : 0.66rem;*/
}

.front-chatjob-cot-wrep-left, .front-chatjob-cot-wrep-right {
max-width: 400px;
/*padding: 0.666rem;*/
margin: 1rem 1rem 0;
}

.front-chatjob-flexbox01 {
display: flex;
flex-wrap: wrap;
margin: 0 auto 0;
max-width: 860px;
justify-content: center;
align-items: flex-start;
}

.front-chatjob-cot-wrep-left h3 {
border-bottom: 2px solid #aaa;
padding-left: 3px;
width: 100%;
text-align: left;
padding-bottom: 1rem;
line-height: 1.2;
font-size: 1.2rem
}

.front-chatjob-cot, .front-chatjob-cot-left {
display: flex;
align-items: flex-end;
/*margin   : 0 1rem;*/
}

.front-chatjob-cot {
justify-content: flex-start;
}

.front-chatjob-cot img, .front-chatjob-cot-left img {
width: 80px;
height: 80px;
}

.front-chatjob-h2-bg, .front-chatjob-h2-bg-2, .front-chatjob-h2-bg-3 {
width: 280px;
height: 280px;
border-radius: 50%;
padding: 20px;
border: 1px solid #ff7600;
object-fit: cover;
position: relative;
z-index: -3;
margin-bottom: 1rem;
}

.front-chatjob-wrep {
text-align: center;
position: relative;
display: inline-block;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
}

.front-reward-h2-1, .front-reward-h2-2, .front-reward-h2-3 {
position: relative;
display: block;
}

.front-reward-h2-1::before, .front-reward-h2-2::before, .front-reward-h2-3::before {
position: absolute;
content: "";
display: inline-block;
top: -30px;
width: 3.6rem;
height: 2rem;
background: url(/assets/images/icon-deco02.svg) no-repeat;
background-size: contain;
left: -2rem;
}

.front-reward-h2-1::after, .front-reward-h2-2::after, .front-reward-h2-3::after {
position: absolute;
content: "";
display: inline-block;
top: 3rem;
width: 8rem;
height: 2rem;
left: 50%;
transform: translateX(-50%);
}

.front-reward-h2-1::after {
background: url(/assets/images/text-after-01.svg) no-repeat;
background-size: contain;
}

.front-reward-h2-2::after {
background: url(/assets/images/text-after-02.svg) no-repeat;
background-size: contain;
width: 5rem;
}

.front-reward-h2-3::after {
background: url(/assets/images/text-after-03.svg) no-repeat;
background-size: contain;
}

.front-chatjob-wrep h2 {
font-size: 20px;
background-color: #fff;
border: 1px solid #1f1f1f;
padding: 5px;
position: absolute;
top: 85%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
width: 300px;
box-shadow: inset 0 0, 4px 4px 0 -1px #fff, 4px 4px 0 0 #1f1f1f;
}

.front-chatjob-h2-hr {
position: absolute;
top: 62.5%;
left: 0;
background-size: 7px 7px;
background-image: radial-gradient(#ffa95e 30%, transparent 10%);
height: 70px;
width: 100%;
border: none;
z-index: -3;
}

.front-chatjob-h2-p {
position: absolute;
top: 40%;
left: 230px;
font-size: 4rem;
font-weight: bold;
color: #ff7600;
opacity: .1;
font-family: 'Open Sans', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
}

/*　　front共通　リンクバー*/

.front-link-box {
border-top: solid 3px #ff7600;
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto 3rem;
padding: 0;
max-width: 1200px;
}

.front-link-p {
width: 50%;
margin: 0;
padding: 8px;
background-color: #ddd;
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
text-align: center;
}

.front-link-p a {
text-decoration: none;
margin: 0;
padding: 3px;
font-size: 1rem;
position: relative;
color: #1f1f1f;
}

.front-link-p a::after {
content: "";
position: absolute;
right: -15px;
top: 1px;
width: 10px;
height: 10px;
font-size: 1rem;
color: #ff7600;
font-weight: bold;
}

/*報酬について*/

.front-note-p, .front-note-p-rewbox, .front-note-p-rewbox2 {
display: flex;
}

.front-note-p-rew, .front-note-p-wor {
padding-bottom: 10px;
position: relative;
display: inline-block;
margin: 0 auto;
margin: 0 auto 1rem;
top: 0;
font-size: 1rem;
font-weight: bold;
padding-left: 2rem;
line-height: 1.3;
border-bottom: 1px solid #1f1f1f;
}

.front-note-p-rew::before, .front-note-p-wor::before {
content: '';
display: inline-block;
position: absolute;
vertical-align: middle;
background-size: contain;
background-image: url(/assets/images/front/check001.svg);
width: 2.3rem;
height: 2.3rem;
background-repeat: no-repeat;
left: 0;
transform: translate(-50%, -50%);
top: 1.4rem;
}

/*働き方について*/

.moz-area a {
text-decoration: none;
}

.front-workstyle-box-wrep {
display: flex;
justify-content: center;
margin: 0 .5rem;
}

.front-workstyle-box {
border: 1px solid #1f1f1f;
margin: .33rem .2rem;
padding: .33rem;
}

.front-workstyle-box h4 {
font-size: 1.33rem;
text-align: center;
color: #7DA4CB;
font-weight: bold;
border-bottom: 1px solid #1f1f1f;
}

.front-workstyle-box h4 span {
font-size: .8rem;
color: #1f1f1f;
font-weight: 300;
}

.front-workstyle-box ul {
padding: .33rem .33rem .33rem 0;
}

.front-workstyle-box img {
height: 3.33rem;
width: 100%;
object-fit: cover;
border: 1px solid #1f1f1f;
}

.front-workstyle-box li {
font-size: 1rem;
line-height: 1.4;
}

.front-workstyle-box a {
display: inherit;
color: #1f1f1f;
font-weight: bold;
text-align: right;
position: relative;
margin: 0 auto;
padding-right: 23px;
}

.front-workstyle-box a::after {
position: absolute;
top: 5px;
right: -1px;
content: "";
display: inline-block;
width: 1.2rem;
height: 1rem;
background: url(/assets/images/poke-arrow-maru.svg) no-repeat;
background-size: contain;
}

/*共通　エリア検索*/

.city_contents .moz-area {
padding-bottom: 1rem;
line-height: 1.6;
}

/*Q&A*/

.front-qestion-box {
margin: 50px auto 0;
padding: 10px;
max-width: 1200px;
}

.QA_QuestionItem {
position: relative;
padding: 16px 16px 24px;
}

.QA_Question {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 50px;
padding-bottom: 1rem;
margin: 0;
font-size: 1.2rem;
font-weight: 700;
line-height: 1.2;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: .5rem;
}

.QA_Question::before {
position: absolute;
top: -.5rem;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 35px;
font-size: 2.4rem;
color: #1f1f1f;
content: 'Q.';
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

.QA_Answer {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 50px;
margin: 16px 0 0;
font-size: 1rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}

.QA_Answer::before {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 35px;
font-size: 2.4rem;
font-weight: 700;
line-height: 1;
color: #ff7600;
content: 'A.';
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}

/*お勧めの理由*/

.front-Choose-flex {
margin-top: 5rem;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
position: relative;
max-width: 460px;
margin: 5rem auto 0;
}

.front-Choose-flex hr {
border: 3px solid #ff7600;
border-radius: 110px;
position: absolute;
width: 220px;
height: 220px;
top: 15%;
left: 50%;
transform: translateX(-50%);
z-index: -30;
}

.front-Choose-box01 {
background-image: url(/wp-content/themes/blankslate-child/assets/images/front/img-circle01-new.webp);
top: 170px;
}

.front-Choose-box02 {
background-image: url(/assets/images/front/img-circle02.webp);
top: 170px;
}

.front-Choose-box03 {
background-image: url(/assets/images/front/img-circle03.webp);
top: -170px;
}

.front-Choose-box01, .front-Choose-box02, .front-Choose-box03 {
display: inline-block;
position: relative;
width: 170px;
height: 170px;
left: 0;
background-repeat: no-repeat;
background-size: contain;
box-shadow: 0px 3px 6px #00000029;
border-radius: 85px;
}

.front-Choose-box01 {
animation: front-Choose-box01 2s infinite;
}

.front-Choose-box02 {
animation: front-Choose-box01 3s infinite;
}

.front-Choose-box03 {
animation: front-Choose-box01 2.5s infinite;
}

.front-Choose-box03::before {
display: inline-block;
position: absolute;
content: "";
top: -4rem;
left: 55px;
width: 4rem;
height: 4rem;
background: url(/assets/images/icon-crown01.svg) no-repeat;
background-size: contain;
}

.front-Choose-box01::after, .front-Choose-box02::after, .front-Choose-box03::after {
display: inline-block;
position: absolute;
content: "";
top: 140px;
left: 75px;
width: 1.5rem;
height: 1.5rem;
background: url(/assets/images/poke-arrow-maru.svg) no-repeat;
background-size: contain;
}

.front-Choose-box01a, .front-Choose-box02a, .front-Choose-box03a {
position: relative;
}

.front-Choose-box01a::before {
position: absolute;
content: "";
background: url(/assets/images/kirakira001.svg) no-repeat;
background-size: contain;
top: 140px;
left: 10px;
width: 100px;
height: 220px;
z-index: -3;
}

.front-Choose-box01b::after {
position: absolute;
content: "";
background: url(/assets/images/kirakira004.svg) no-repeat;
background-size: contain;
left: 260px;
width: 90px;
height: 180px;
top: -10px;
z-index: -3;
}

.front-Choose-box01c::before {
position: absolute;
content: "";
background: url(/assets/images/kirakira002.svg) no-repeat;
background-size: contain;
top: 10px;
left: 80px;
width: 90px;
height: 130px;
z-index: -3;
}

.front-Choose-box01c::after {
position: absolute;
content: "";
background: url(/assets/images/kirakira003.svg) no-repeat;
background-size: contain;
top: 200px;
left: 210px;
width: 90px;
height: 110px;
z-index: -3;
}

.front-Choose-flex p {
display: inline-block;
position: absolute;
font-size: 1rem;
line-height: 1.3;
font-weight: bold;
text-align: center;
color: #1f1f1f;
}

.front-Choose-box01 p {
top: 75px;
left: 18px;
}

.front-Choose-box02 p {
top: 75px;
left: 18px;
}

.front-Choose-box03 p {
top: 75px;
left: 25px;
}

.front-Choose-box01, .front-Choose-box02, .front-Choose-box03 {
box-sizing: border-box;
transition-duration: 0.2s;
-webkit-transition-property: transform;
transition-property: transform;
}

@keyframes front-Choose-box01 {
0% {
transform: translate(0, 0);
}

5% {
transform: translate(-5px, -0);
}

10% {
transform: translate(5px, 0);
}

15% {
transform: translate(-5px, -0);
}

20% {
transform: translate(5px, 0);
}

25% {
transform: translate(-5px, -0);
}

30% {
transform: translate(0, 0);
}

100% {
transform: translate(0, 0);
}
}

/*登録のながれ*/

.signup-flow-wrap {
background-color: #fff;
background-size: 7px 7px;
background-image: radial-gradient(#fcad63 10%, transparent 20%);
padding: 1rem;
}

.signup-flow-flexbox {
display: flex;
flex-direction: column;
justify-content: center;
}

.signup-flow-box {
display: flex;
padding: .66rem;
background-color: #fff;
}

.signup-flow-box img {
height: auto;
object-fit: cover;
width: 40%;
border-radius: 1rem;
}

.signup-flow-box div {
height: auto;
width: 100%;
padding: 0 .8rem;
}

.signup-flow-box div h3 {
color: #ff7600;
font-weight: bold;
display: block;
}

.signup-flow-arrow {
font-weight: bold;
font-size: 1.66rem;
display: block;
text-align: center;
}

/*他　*/

.front-other-01 {
display: flex;
}

.front-other-h2 {
font-size: 1.6rem;
font-weight: bold;
line-height: 1;
padding-bottom: 2rem;
}

.front-other-h2 span {
font-size: 1.06rem;
font-weight: bold;
color: #ff7600;
}

.top-ask {
margin: 4rem 1rem;
}

.top-ask-h2 {
line-height: 1.2;
border-bottom: 1px solid #1f1f1f;
padding-bottom: 10px;
margin-bottom: 10px;
display: inline-block;
}

.top-ask-h2 span {
font-size: 1.6rem;
font-weight: bold;
display: inline-block;
position: relative;
}

.top-ask-h2 span::before {
position: absolute;
content: "";
display: inline-block;
top: -3px;
left: 30px;
width: 30px;
height: 30px;
background: url(/assets/images/pokeko.svg) no-repeat;
background-size: contain;
}

.top-ask>dl>dt {
text-align: center;
font-size: 2.33rem;
font-weight: bold;
position: relative;
display: inline-block;
font-family: 'Open Sans', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
padding-left: 2rem;
left: 1rem;
}

.top-ask>dl>dd {
text-align: center;
line-height: 1.2;
}

.top-ask>dl>dt::before {
position: absolute;
content: "";
display: inline-block;
top: 1rem;
left: -2rem;
width: 50px;
height: 30px;
background: url(/assets/images/freedial_rogo.svg) no-repeat;
background-size: contain;
}

.top-ask-div {
display: flex;
justify-content: center;
margin-top: 1rem;
}

.top-ask-div-a1, .top-ask-div-a2 {
padding: .66rem 1rem;
font-size: .8rem;
border-radius: 20px;
text-decoration: none;
color: #fff;
margin: 10px;
}

.top-ask-div-a1 {
background-color: #6890CC;
}

.top-ask-div-a2 {
background-color: #6FCC68;
}

/*先輩チャトレの報酬実績*/

.front-Performance-bg {
background: -moz-linear-gradient(left, #FFCA74, #ff7600);
background: -webkit-linear-gradient(left, #FFCA74, #ff7600);
background: linear-gradient(to right, #FFCA74, #ff7600);
padding: 2rem 0 0;
}

.front-Performance-box {
width: 100%;
display: flex;
flex-direction: row;
/*padding-left : 1rem;*/
overflow-x: scroll;
justify-content: flex-start
}

.front-Performance-h2 {
font-size: 1.73rem;
text-align: center;
padding: 2rem;
color: #fff;
}

.front-Performance-h2-p {
padding: 0 1rem .5rem;
max-width: 940px;
margin: 0 auto;
display: block;
}

.front-Performance-personal {
padding: 1rem;
background-color: #fff;
width: 80%;
height: 640px;
max-width: 340px;
display: inline-block;
margin: 0 1rem;
flex: 0 0 290px;
}

.front-Performance-personal-h3 {
font-size: 1.33rem;
font-weight: bold;
text-align: right;
display: inline-block;
position: relative;
left: 30%;
}

.front-Performance-personal-h3::before {
position: absolute;
content: "";
display: inline-block;
top: -40px;
left: -120px;
width: 300px;
height: 120px;
background: url(/assets/images/text-deco-01.svg) no-repeat;
background-size: contain;
}

.front-Performance-personal-h3 span {
font-size: 3.33rem;
color: #ff7600;
letter-spacing: -5px;
padding-right: 5px;
}

.front-Performance-personal-h3-p {
font-size: .8rem;
text-align: right;
}

.front-Performance-personal img {
width: 100%;
height: auto;
object-fit: cover;
}

.front-Performance-personal-h4 {
margin-bottom: 10px;
}

.front-Performance-personal-h4 span {
color: #ff7600;
font-weight: bold;
}

.twi-you-flex {
display: flex;
justify-content: center;
flex-wrap: wrap;
}

.twi-box {
overflow: hidden;
}

.twi-box-li {
/*width: 350px;*/
height: 450px;
padding: 1rem;
}

.front-Performance-personal-h4-p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}

.front-Recommended-wrap {
margin: 2rem 1rem 2rem;
border-bottom: 1px solid #1f1f1f;
padding-bottom: 2rem;
padding-top: 2rem;
}

.front-Recommended-box, .front-Recommended-box-m {
max-width: 420px;
margin: 0 auto;
}

.front-Recommended-box figure {
float: left;
margin: 0 2px 2px 0;
shape-outside: circle();
}

.front-Recommended-box-m figure {
float: right;
margin: 0 0 2px 2px;
shape-outside: circle();
}

.front-Recommended-box img, .front-Recommended-box-m img {
object-fit: contain;
width: 160px;
height: 160px;
position: relative;
}

.front-Recommended-box01::before, .front-Recommended-box03::before, .front-Recommended-box02::before {
display: inline-block;
position: absolute;
content: "";
}

.front-Recommended-box01::before {
top: -5rem;
left: -6rem;
width: 10rem;
height: 8rem;
background: url(/assets/images/front-student-text01.svg) no-repeat;
background-size: contain;
}

.front-Recommended-box02::before {
top: -4rem;
left: 5rem;
width: 6rem;
height: 6rem;
background: url(/assets/images/front-mature-text01.svg) no-repeat;
background-size: contain;
}

.front-Recommended-box03::before {
top: -5rem;
left: -6rem;
width: 10rem;
height: 8rem;
background: url(/assets/images/front-business-text01.svg) no-repeat;
background-size: contain;
}

.front-Recommended-box-div01 {
display: block;
padding-left: 160px;
text-align: center;
}

.front-Recommended-box-div02 {
display: block;
padding-right: 160px;
text-align: center;
}

.front-Recommended-box-div01 h3, .front-Recommended-box-div02 h3 {
margin: 3rem auto 2.6rem;
text-align: center;
position: relative;
display: inline-block;
color: #ff7600;
font-weight: bold;
font-size: 1.2rem;
}

.front-Recommended-box-div01 h3::after, .front-Recommended-box-div02 h3::after {
position: absolute;
content: "";
display: inline-block;
top: 3rem;
left: 50%;
transform: translateX(-50%);
width: 100px;
border-bottom: 2px solid #1f1f1f;
font-size: 1.2rem;
}

.front-Recommended-p {
padding-bottom: 1rem;
max-width: 900px;
}

.frot-contnts-flex {
display: flex;
padding: 0 1rem;
max-width: 1200px;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-around;
margin: 0 auto;
}

.frot-contnts-box {
display: flex;
margin-top: 1.5rem;
border-bottom: 1px dashed #1f1f1f;
padding-bottom: 1rem;
max-width: 500px;
}

.frot-contnts-box img {
width: 240px;
height: 140px;
object-fit: cover;
border: 1px solid #1f1f1f;
border-radius: 20px 0;
}

.frot-contnts-box dl {
padding: .33rem 0 1rem 1rem;
max-height: 140px;
display: flex;
flex-direction: column;
justify-content: space-evenly;
align-items: stretch;
}

.frot-contnts-box dl dt a {
font-size: 1.28rem;
font-style: bold;
padding-bottom: .66rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.1;
text-decoration: none;
color: #1f1f1f;
padding-top: 2rem;
border-bottom: 1px dashed;
margin-bottom: .35rem;
}

.frot-contnts-box dl dd {
margin-left: 0;
padding-bottom: 1.5rem;
line-height: 1.3;
}

.front-top-img-pc {
display: none;
}

.front-top-img-sp {
display: block;
width: 100%;
object-fit: contain;
}

.front-top-under-inner {
/* max-width: 1200px; */
margin: 0 auto 1rem;
padding: 0 10px;
position: relative;
background-color: #1f1f1f;
}

.youtub-box {
width: 100%;
padding: 0 1rem;
height: 100%;
}

.twi-matome {
width: 100%;
height: 100%;
margin: 0 auto;
text-align: center;
}

/************************************sp ranking_iphone6〜8で応募ボタンファーストビューで表示用************************/

/**************************************************sp タブレット用css************************/

@media(min-width: 600px) {
.front-reward table {
font-size: 1.3rem;
}
}

/**************************************************pc css************************/

@media screen and (min-width: 941px) {
.front-top-under-inner>ul>li {
font-size: 1.33rem;
padding-left: 16px;
}

.frot-top-img-under-p-span-a .front-top-ranking-warp {
background-color: #1f1f1f;
}

/* リンクボタン*/
.front-link-box {
flex-wrap: nowrap;
}

.office-maintitle .moz-heading_bottom>span::before, .office-maintitle .moz-heading_bottom>span::after, .office-maintitle .moz-heading_bottom1>span::before, .office-maintitle .moz-heading_bottom1>span::after {
width: 3rem;
height: 3rem;
}

.office-maintitle .moz-heading_bottom>span::before, .office-maintitle .moz-heading_bottom1>span::before {
top: 0.1rem;
right: -4rem;
}

.office-maintitle .moz-heading_bottom>span::after, .office-maintitle .moz-heading_bottom1>span::after {
top: 0;
left: -4rem;
}

.office-maintitle .moz-heading_bottom, .office-maintitle .moz-heading_bottom1 {
font-size: 2rem;
padding: 1.2rem 0;
}

.front-workstyle-box {
max-width: 190px;
}

.top-ask-h2 span::before {
top: 1px;
left: -32px;
}
}

/**************************************************pc css************************/

@media screen and (min-width:1200px) {
.front-reward-tyousei {
position: relative;
top: -20rem;
/*top: -10rem;*/
}

.tyousei02 {
height: 1500px;
}

.front-Performance-personal {
height: 720px;
flex: 0 0 340px;
}

.twi-matome {
width: 50%;
}

.youtub-box {
width: 50%;
height: 350px;
}

.front-top-under-inner {
margin: 0 auto 3rem;
padding: .5rem 10px;
}

.front-top-img-pc {
display: block;
width: 100%;
object-fit: contain;
height: auto;
}

.front-top-img-sp {
display: none;
}

.front-Performance-box {
display: flex;
justify-content: center;
}

/* sigunp 流れ*/
.signup-flow-flexbox {
flex-direction: row;
}

.signup-flow-box {
flex-direction: column;
width: 300px;
padding-left: 10px;
}

.signup-flow-box img {
width: 100%;
}

.signup-flow-box div {
width: 100%;
padding-left: 0;
}

.signup-flow-arrow {
display: inline-block;
transform: rotate(-90deg);
position: relative;
left: 125px;
top: -45px;
}

.signup-flow-box div h3 {
font-size: 1.4rem;
padding: 5px;
}

.signup-flow-wrap {
margin-top: 3rem;
}

/*お勧めの理由*/
.front-Choose-flex {
display: flex;
justify-content: space-around;
position: relative;
max-width: 1200px;
margin: 9rem auto 4rem;
}

.front-Choose-box01, .front-Choose-box02, .front-Choose-box03 {
display: inline-block;
position: relative;
width: 300px;
height: 300px;
/* left          : 0; */
background-repeat: no-repeat;
background-size: contain;
/* padding       : 0 10px; */
/* margin        : 0 10px; */
border-radius: 150px;
}

.front-Choose-box01 {
background-image: url((/wp-content/themes/blankslate-child/assets/images/front/img-circle01-new.webp);
top: 0;
left: 0;
}

.front-Choose-box02 {
background-image: url(/assets/images/img-circle02.png);
top: 0;
left: 400px;
}

.front-Choose-box03 {
background-image: url(/assets/images/img-circle03.png);
top: 0;
left: -400px;
}

.front-Choose-box01a::before {
top: 0;
left: 0;
width: 70px;
height: 390px;
}

.front-Choose-box01b::after {
left: 1100px;
width: 90px;
height: 390px;
top: -30px;
}

.front-Choose-box01c::before {
top: -34px;
left: 370px;
width: 90px;
height: 390px;
}

.front-Choose-box01c::after {
top: -20px;
left: 750px;
width: 90px;
height: 390px;
}

.front-Choose-flex hr {
display: none;
}

.front-Choose-flex p {
font-size: 1.6rem;
line-height: 1.3;
}

.front-Choose-box01::after, .front-Choose-box02::after, .front-Choose-box03::after {
top: 240px;
left: 125px;
width: 3rem;
height: 3rem;
}

.front-Choose-box01 p {
top: 125px;
left: 40px;
}

.front-Choose-box02 p {
top: 125px;
left: 40px;
}

.front-Choose-box03 p {
top: 125px;
left: 55px;
}

.front-Choose-box03::before {
top: -5rem;
left: 110px;
width: 5rem;
height: 5rem;
}

.front-chatjob-flex {
margin-top: -200px;
}

.front-pc-chap01 {
margin: 7rem 0 -8rem;
}

.front-chatjob-wrep {
text-align: center;
position: relative;
display: inline-block;
margin: 0 auto;
left: 50%;
transform: translateX(-50%);
}

.front-chatjob-wrep h2 {
top: 47%;
/*left   : 60%;*/
z-index: 6;
font-size: 26px;
width: 800px;
}

.front-chatjob-h2-p {
background: #fff;
position: absolute;
top: 22%;
left: -380px;
font-size: 7rem;
color: #FFEBCB;
opacity: 1;
font-family: 'Open Sans', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo';
}

.front-chatjob-h2-hr {
left: 0;
height: 90px;
}

.front-chatjob-h2-hr {
top: 31.5%;
}

.front-wrap-box01-posi {
position: relative;
top: 290px;
left: -370px;
}

.front-wrap-box01, .front-wrap-box02 {
margin: 0 auto;
}

.flex-mg-t180 {
margin-top: 180px;
}

.front-chatjob-h2-bg, .front-chatjob-h2-bg-2, .front-chatjob-h2-bg-3 {
width: 330px;
height: 330px;
}

.front-chatjob-h2-bg {
top: 260px;
}

.front-chatjob-h2-bg-2 {
left: -240px;
top: 260px;
}

.front-chatjob-h2-bg-3 {
left: 240px;
top: 285px;
}

.front-link-p a {
font-size: 1.14rem;
}

.front-chatjob-flex {
margin-bottom: 0;
}

.front-chatjob-cot-wrep-left, .front-chatjob-cot-wrep-right {
max-width: 360px;
padding: 1rem;
margin: 1rem 2rem 0;
top: -6rem;
}

.front-reward-h2-1::before, .front-reward-h2-2::before, .front-reward-h2-3::before {
position: absolute;
content: "";
display: inline-block;
top: -30px;
width: 3.6rem;
height: 2rem;
background: url(/assets/images/icon-deco02.svg) no-repeat;
background-size: contain;
left: -2rem;
}

.front-reward-h2-1::after, .front-reward-h2-2::after, .front-reward-h2-3::after {
position: absolute;
content: "";
display: inline-block;
top: 4rem;
width: 8rem;
height: 2rem;
left: 50%;
transform: translateX(-50%);
}

.chatjob-001 {
left: -140px;
}

.chatjob-002 {
left: 160px;
}

.chatjob-003 {
left: -140px;
}

.chatjob-004 {
left: 140px;
top: -9rem;
}

.chatjob-005 {
top: -20rem;
}

.front-chatjob-flexbox01 {
margin: -6.66rem auto -18rem;
}

.front-note-p-rew {
margin: 0 70px 0 auto;
top: -30px;
font-size: 1.3rem;
font-weight: bold;
}

.front-note-p-wor {
margin: 0 0 auto 70px;
top: 0;
font-size: 1.3rem;
font-weight: bold;
line-height: 1.2;
}

.front-note-p2 {
position: relative;
top: 230px;
margin: 0;
}

.front-reward-box {
display: inline-block;
position: relative;
top: -150px;
left: 20px;
}

.mg-auto-r280 {
margin: 0 auto 0 300px;
}

.office-contents .moz-link, .office-contents .moz-link2 {
font-size: 1.3rem;
}

.office-contents .moz-link2::before {
width: 1.7rem;
height: 1.7rem;
}

.front-top-under-inner>ul {
justify-content: center;
}

.front-wrap-box01-table {
position: relative;
top: -330px;
/*top: -230px;*/
left: 210px;
}

.front-reward table {
max-width: 420px;
}

.front-wrap-box01-table-p {
position: relative;
top: -300px;
/*top: -200px;*/
max-width: 885px;
margin-top: 4rem;
}

.front-link-p {
padding: 1.66rem 1rem;
}

.front-note-p {
display: inline-block;
position: relative;
top: -60px;
left: -40px;
}

.front-note-p-rewbox {
display: inline-block;
position: relative;
top: 10px;
left: 324px;
}

.front-note-p-rew::before, .front-note-p-wor::before {
top: 1.7rem;
width: 2.5rem;
height: 2.5rem;
font-size: 3.3rem;
}

.QA_Question {
font-size: 1.66rem;
}

.QA_Answer {
font-size: 1.2rem;
}

.front-note-p-rewbox2 {
display: inline-block;
position: relative;
top: 270px;
left: 50%;
transform: translateX(-40%);
}

.front-Choose-box01::before, .front-Choose-box02::before {
display: inline-block;
position: absolute;
content: "";
top: -5rem;
left: 110px;
width: 5rem;
height: 5rem;
background: url(/assets/images/icon-crown01.svg) no-repeat;
background-size: contain;
}

.top-ask-div-a1, .top-ask-div-a2 {
padding: .66rem 4rem;
font-size: 1.66rem;
border-radius: 40px;
box-shadow: inset 0 0, 4px 4px 0 -1px #fff, 4px 4px 0 0 #1f1f1f;
margin-top: 2rem;
}

.front-topnav h2 {
font-size: 1.2rem;
}

.front-top-under-inner ul li::before {
left: 0;
top: 1.1rem;
width: 1.4rem;
height: 1.4rem;
}

.front-top-under-inner>ul>li {
margin: 0 1.3rem;
}

.top-ask>dl>dt {
font-size: 4rem;
}

.top-ask>dl>dt::before {
top: 2rem;
left: -4rem;
width: 70px;
height: 40px;
}

.top-ask>dl>dd {
font-size: 1.3rem;
}

.signup-flow-p {
text-align: center;
}

.front-Recommended-box img, .front-Recommended-box-m img {
width: 220px;
height: 220px;
}

.front-Recommended-box-div01 h3, .front-Recommended-box-div02 h3 {
font-size: 1.71rem;
}

.front-Recommended-box01::before {
top: -5rem;
left: -18rem;
width: 12rem;
height: 12rem;
}

.front-Recommended-box03::before {
top: -4rem;
left: -24rem;
width: 12rem;
height: 12rem;
}

.front-Recommended-box02::before {
top: -4rem;
left: 21rem;
width: 8rem;
height: 8rem;
}

.front-Recommended-box, .front-Recommended-box-m {
max-width: 900px;
margin-bottom: 2rem;
}

.front-Recommended-p {
font-size: 1.14rem;
}

.frot-contnts-box dl dt a {
font-size: 1.33rem;
line-height: 1.2;
}
}

@media screen and (max-width:320px) {
.front-top-ranking-table {
padding: 0 5px;
}

.front-top-ranking-table img {
width: 50px;
}

.front-top-ranking-h3 img {
height: 40px;
}

.front-top-ranking-h3>h3>div>span {
top: 9px;
right: 11px;
font-size: 1.14rem;
}

.front-top-ranking-table p span {
font-size: 1.2rem;
}

.front-top-img-p {
font-size: 1.4rem;
bottom: 22.6rem;
}

/*.city_background_img {
width: 310px;
height: 250px;
background-size: 100%;
}*/
.city_contents .moz-area {
font-size: .8rem;
}

.front-Choose-box01, .front-Choose-box02, .front-Choose-box03 {
width: 140px;
height: 140px;
}

.front-Choose-flex p {
font-size: .8rem;
}

.front-Choose-box01 p, .front-Choose-box02 p {
top: 60px;
left: 15px;
}

.front-Choose-box03 p {
top: 60px;
left: 20px;
}

.front-Choose-box01::after, .front-Choose-box02::after, .front-Choose-box03::after {
top: 110px;
left: 55px;
}

.front-Choose-box01, .front-Choose-box02 {
top: 110px;
}

.front-Choose-flex hr {
top: 1%;
}

.front-Choose-box03::before {
top: -3rem;
left: 45px;
width: 3rem;
height: 3rem;
}

.office-contents .moz-link {
font-size: .8rem;
}

.front-reward table {
font-size: .8rem;
}

.front-Recommended-h3-box h3 {
font-size: .9rem;
}

.front-other-h2 {
font-size: 1.4rem;
}

.front-chatjob-cot img, .front-chatjob-cot-left img {
width: 60px;
height: 60px;
}

.front-chatjob-cot-wrep-left h3 {
padding-bottom: .6rem;
line-height: 1.2;
font-size: 1.3rem;
}

.front-Choose-box01a::before {
top: 60px;
}

.front-Choose-box01b::after {
left: 120px;
}

.front-Choose-box01c::before {
top: -30px;
left: 65px;
}

.front-Choose-box01c::after {
top: 70px;
left: 170px;
height: 150px;
}

.front-Performance-h2 {
padding: 2rem 1rem;
}

.signup-flow-box img {
object-position: 10%;
}

.front-Recommended-box-div01 h3, .front-Recommended-box-div02 h3 {
font-size: 1rem;
}

.front-Recommended-box-div01 h3::after, .front-Recommended-box-div02 h3::after {
top: 2.5rem;
}

/*.front-chatjob-img {
width: 160px;
margin: 0 auto;
}
.front-chatjob-cot-p, .front-chatjob-cot-p-lef {
flex-direction: column;
}
.front-chatjob-cot-p-lef img {
position: relative;
top: 140px;
}
.front-chatjob-cot-p-lef p {
position: relative;
top: -150px;
}*/
}

.loader, .loader:before, .loader:after {
background: #000000;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}

.loader {
color: #000000;
text-indent: -9999em;
margin: 88px auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}

.loader:before, .loader:after {
position: absolute;
top: 0;
content: '';
}

.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}

.loader:after {
left: 1.5em;
}

@-webkit-keyframes load1 {
0%, 80%, 100% {
box-shadow: 0 0;
height: 4em;
}

40% {
box-shadow: 0 -2em;
height: 5em;
}
}

@keyframes load1 {
0%, 80%, 100% {
box-shadow: 0 0;
height: 4em;
}

40% {
box-shadow: 0 -2em;
height: 5em;
}
}

/**口コミが無いとき*/

.enq-notfound {
background-color: #ccc;
display: block;
text-align: center;
font-size: 1.57rem;
margin: 2rem 0;
width: 100%;
height: 2rem;
padding: 2rem 0 4rem;
line-height: 1;
font-weight: bold;
}

/* 在宅料率変更_バナーようcss */
.rate-bana {
background-color: #FF5D86;
font-size: 1.4rem;
font-weight: bold;
color: #ff9;
line-height: 1.1;
}

.rate-bana>a {
max-width: 1200px;
display: block;
color: #ff9;
position: relative;
text-decoration: none;
margin: 0 auto;
padding: 1rem;
}

.rate-bana-a-span {
font-size: 1rem;
font-weight: normal;

}

.rate-bana-a-span02 {
font-size: 1.2rem;
color: #fff;
display: block;
text-align: right;
margin-top: 0.4rem
}

@media screen and (min-width: 1001px) {
.rate-bana-a-span02 {
display: inline-block;
}
}
.rate-linkbaner {
display: block;
position: relative;
}

.rate-linkbaner::before {
content: "";
display: block;
position: absolute;
background-size: contain;
background-image: url(/wp-content/themes/blankslate-child/assets/images/rate/rate-banar.svg);
background-repeat: no-repeat;
transform: translateY(0%) translateX(0%);
width: 7rem;
height: 7rem;
top: -12rem;
right: -0.5rem;
animation: rate-banar-anime 3s infinite;
}

@keyframes rate-banar-anime {
0% {
transform: translate(4px, 0px);
}

5% {
transform: translate(-4px, 0px);
}

10% {
transform: translate(3px, 0px);
}

15% {
transform: translate(-3px, 0px);
}

20% {
transform: translate(1px, 0px);
}

25% {
transform: translate(-1px, 0px);
}

30% {
transform: translate(0px, 0px);
}
}
@media screen and (min-width: 1001px) {
.rate-linkbaner::before {
width: 10rem;
height: 10rem;
top: -9rem;
right: 2rem;
}

}

/*YOUTUBE*/
.movie-box{width: 80%;max-width: 800px;margin: 0 auto;text-align: center;}
.movie-box video{width: 100%;height: auto;}
.movie-box h3{font-size: 2rem;line-height: 1;margin: 2rem 0rem;font-weight: 700;}
.movie-box h3 span{color: #ffffff;display: inline-block;background: #ff0015;padding: 0.5rem 1rem;margin-top: 10px;}
@media screen and (min-width:1201px) {
.movie-box h3{font-size: 3rem;}
}
/*為になる情報/スライダー調整用*/
.front-topnav-warp a{padding: 0.5rem;display: block;text-decoration: none;}
.front-topnav-warp img{width: 100%;height:100px;object-fit: cover;  }
.front-topnav-warp h3{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-decoration: none;color: #ff7600;padding: 0.5rem 0.5rem 0rem 0.5rem;font-size: 16px;}
.front-topnav-warp p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;line-height: 1.2;color: #000;padding:0rem 0.5rem 0rem 0.5rem;font-size: 13px;}
.front-topnav h2 {text-align: center;padding: 1rem 0 1rem;font-size: 1.33rem;}
.front-topnav-bg {background-color: #ffffff;overflow: hidden;padding: 1rem 0rem;}
.front-topnav-bg h2{font-size: 1.5rem;line-height: 1.2;text-align: center;}
.front-topnav-bg h2 span{font-size: 1rem;display: block;color: #ff7600;}
/*チャットレディの報酬について/ボタン*/
.home-rata{position: relative;text-align: center;color: #fff;background: #FF5D86;padding: 1rem 0rem;display: block;margin: 1rem;text-decoration: none;margin-top: 40px;}
.home-rata::before{content: '';position: absolute;background-image: url(/wp-content/themes/blankslate-child/assets/images/poke-type17.svg);background-size: contain;background-repeat: no-repeat;width: 60px;height: 60px;left: 50%;top: 0px;transform: translateX(-50%)translateY(-50%);}
.home-rata::after{content: '→';position: absolute;left: 95%;top: 50%;transform: translateX(-50%)translateY(-50%);font-size: 15px;}
.home-rata:hover{opacity: 0.8;transition: 0.5s;color: #fff;}