/*共通*/

.sal-fs13-16 {
font-size: .92rem;
}

.sal-contents {
overflow: hidden;
}

.sal-contents .moz-p {
margin-bottom: 1.5rem;
}

.wid20 {
width: 20%;
}

.wid30 {
width: 30%;
}

.wid-100-60,
.wid-100-40,
.wid-100-80 {
width: 100%;
}

hr.pc-hr {
height: 1px;
background: linear-gradient(to right, #336b87, #66A5Ad, #fb6542);
border: none;
}

.c-D0B079 {
color: #D0Bf8c;
}


/*pcトップ*/

.pc-head {
background: linear-gradient(25deg, rgba(50, 55, 77, 0.3), rgba(56, 23, 42, 0.6)), url(/wp-content/themes/blankslate-child/assets/images/sal-img-pc.webp);
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 300px;
}


/*flex要素*/

.sal-cont-pcflex-box {
display: flex;
max-width: 1200px;
margin: 0 auto;
flex-direction: column;
}

.sal-cont-pcflex2 {
display: flex;
width: 100%;
padding: 1rem 0;
align-items: center;
flex-direction: column;
}

.sal-contents-pcflex,
.sal-contents-pcflex-item1,
.sal-cont-pcflex2-item1,
.sal-contents-pcflex-item2,
.sal-contents-pcflex-item3,
.sal-contents-pcflex-item4 {
width: 100%;
}

.sal-contents-pcflex-item2 {
margin: 1rem;
}

.sal-contents-pcflex {
display: block;
}

.sal-contents-pcflex-item5,
.sal-contents-pcflex-item6 {
width: 100%;
}

.sal-cont-flex {
width: 100%;
display: flex;
align-items: center;
}

.sal-cont-flex-item {
width: 50%;
}

.sal-cont-flex-item2 {
width: 20%;
}

.sal-cont-flex-item3 {
width: 80%;
}

.sal-cont-flex-item4 {
width: 30%;
}

.sal-cont-flex-item5 {
width: 70%;
}

.sal-cont-flex-item6 {
width: 45%;
line-height: 3;
margin-left: 1rem;
}

.sal-cont-flex-item7 {
width: 55%;
line-height: 3;
}

.sal-cont-flex-item-w-left,
.sal-cont-flex-item-w-rigft,
.sal-cont-flex-item-w-lefted,
.sal-cont-flex-item-w-rigfted {
background: #ffffff;
width: 50%;
border: solid 1px #333333;
padding: 0.3rem;
text-align: center;
}

.sal-cont-flex-item-w-left {
border-right: none;
border-bottom: none;
}

.sal-cont-flex-item-w-rigft {
border-bottom: none;
}

.sal-cont-flex-item-w-lefted {
border-right: none;
}

.sal-cont-flex-item-w-rigfted {
content: '';
}


/*エリアコンテンツ(背景色)*/


/*.sal-cont-pink,*/
.sal-cont-yellow,
.sal-cont-beige,
.sal-cont-purple,
.sal-cont-blue,
.sal-cont-green {
padding: 3rem 1rem;
}

.sal-cont-green {
padding: 3rem 0;
}

.sal-cont-beige {
background: #F7F0E5 0% 0% no-repeat padding-box;
}

.sal-cont-yellow {
background: #f6f7e5 0% 0% no-repeat padding-box;
}

.sal-cont-pink {
background: #F7E8E5 0% 0% no-repeat padding-box;
}

.sal-cont-purple {
background: #E6E5F7 0% 0% no-repeat padding-box;
}

.sal-cont-blue {
background: #E5F2F7 0% 0% no-repeat padding-box;
}

.sal-cont-green {
background: #EAF7E5 0% 0% no-repeat padding-box;
}

.sal-cont-beige .moz-Order,
.sal-cont-yellow .moz-Order,
.sal-cont-pink .moz-Order,
.sal-cont-purple .moz-Order,
.sal-cont-blue .moz-Order,
.sal-cont-green .moz-Order {
text-align: left;
font: bold 100px/20px Open Sans;
letter-spacing: -5px;
color: #FFFFFF;
padding: 1.5rem;
padding-left: 1rem;
display: block;
position: relative;
}

.sal-cont-yellow .moz-under,
.sal-cont-beige .moz-under,
.sal-cont-pink .moz-under,
.sal-cont-purple .moz-under,
.sal-cont-blue .moz-under,
.sal-cont-green .moz-under {
text-align: left;
font-weight: 400;
color: #333333;
margin-top: -1rem;
padding: 2.3rem;
padding-left: 1rem;
padding-right: 0;
line-height: 1.2;
display: block;
font-weight: bold;
letter-spacing: .5rem;
}

.sal-cont-yellow .moz-border,
.sal-cont-beige .moz-border,
.sal-cont-pink .moz-border,
.sal-cont-purple .moz-border,
.sal-cont-blue .moz-border,
.sal-cont-green .moz-border {
height: 6px;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #707070;
margin-left: -1.5rem;
margin-top: -1rem;
width: 100%;
}

.sal-cont-yellow .moz-img,
.sal-cont-beige .moz-img01,
.sal-cont-pink .moz-img02,
.sal-cont-purple .moz-img03,
.sal-cont-blue .moz-img04,
.sal-cont-green .moz-img05 {
width: 100%;
height: 0;
padding-top: 100%;
background-repeat: no-repeat;
background-size: contain;
}

.sal-cont-yellow .moz-img {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary-01.webp');
}

.sal-cont-beige .moz-img01 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary-img01-1.webp');
}

.sal-cont-pink .moz-img02 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary-img01-2.webp');
}

.sal-cont-purple .moz-img03 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary-img01-3.webp');
}

.sal-cont-blue .moz-img04 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary/salary-img01-4.webp');
}

.sal-cont-green .moz-img05 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary-img01-5.webp');
}


/*吹き出し(チャット形式)*/

.sal-chat-wrapper {
margin: 0 auto;
width: 100%;
margin-top: 2rem;
}

.sal-chat-wrapper {
padding-left: 100px;
}

.sal-chat {
display: inline-block;
max-width: 500px;
background-color: white;
border: 1px solid #707070;
padding: 10px 15px;
position: relative;
}

.sal-chat:before {
content: "";
width: 10px;
height: 10px;
background-color: white;
border-bottom: 1px solid #707070;
position: absolute;
top: 55px;
}

.sal-chat:before {
border-left: 1px solid #707070;
left: -7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.sal-chat:after {
content: "";
width: 80px;
height: 80px;
position: absolute;
top: 0;
}

.sal-chat:after {
background-image: url(/wp-content/themes/blankslate-child/assets/images/pokeko.svg);
left: -100px;
background-size: contain;
background-repeat: no-repeat;
}

.sal-chat-wrapper::before {
content: '料率とは？';
}


/*content-pink*/

.sal-cont-pink .moz-whitebox,
.sal-cont-pink .moz-whitebox02,
.sal-cont-pink .moz-whitebox03,
.sal-cont-pink .moz-whitebox04 {
position: relative;
background: #ffffff 0% 0% no-repeat padding-box;
padding: 2rem 1rem;
margin: 2rem 1rem;
border: solid 1px #707070;
}

.sal-cont-pink .moz-whitebox::before,
.sal-cont-pink .moz-whitebox02::before,
.sal-cont-pink .moz-whitebox03::before,
.sal-cont-pink .moz-whitebox04::before {
position: absolute;
top: -0.3rem;
padding: .3rem 0.5rem;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
background: #ffffff 0% 0% no-repeat padding-box;
border: solid 1px #707070;
font-weight: bold;
font-size: 1.72rem;
width: 70%;
text-align: center;
}

.sal-cont-pink .moz-whitebox::before {
content: '2ショットチャット';
}

.sal-cont-pink .moz-whitebox02::before {
content: 'パーティーチャット';
}

.sal-cont-pink .moz-whitebox03::before {
content: 'テレフォンレディ';
}

.sal-cont-pink .moz-whitebox04::before {
content: '報酬の計算式は？';
}

.sal-cont-pink .moz-money01,
.sal-cont-pink .moz-money01-2 {
text-align: center;
letter-spacing: -1.45px;
color: #1F1F1F;
position: relative;
margin-right: 0.5rem;
margin-left: 1rem;
font-size: 1.6rem;
display: inline-block;
}

.sal-cont-pink .moz-money01::before,
.sal-cont-pink .moz-money01-2::before {
position: absolute;
top: 0;
left: -2.8rem;
}

.sal-cont-pink .moz-money01::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-05.webp);
}

.sal-cont-pink .moz-money01-2::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-06.webp);
top: 0.3rem;
}

.sal-cont-pink .moz-money01-3::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-09.webp);
top: 0.3rem;
}

.sal-cont-pink .moz-money02 {
font-size: 2rem;
font-weight: 700;
text-align: center;
color: #FF7600;
display: inline-block;
}

.sal-cont-pink .moz-money02 .moz-b {
font-size: 3rem;
font-weight: 700;
text-align: center;
color: #FF7600;
display: inline-block;
}

.sal-cont-pink .moz-money03 {
font-weight: 400;
display: block;
text-align: right;
color: #333333;
}

.sal-cont-pink .moz-money04 {
border: 2px dashed #B9B9B9;
border-radius: 20px;
padding: 0.3rem;
margin: 0.3rem;
}


/*content-purple*/

.sal-cont-purple .moz-subtitle01 {
background: #BDB9FB;
margin-left: -1.5rem;
line-height: 1.5;
width: 100%;
}

.moz-subtitle01 span {
background: #E6E5F7;
margin-left: 3rem;
padding-left: 3.5rem;
display: block;
font-size: 1.2rem;
color: #3B4043;
font-weight: 700;
position: relative;
border: solid #E6E5F7;
}

.moz-subtitle01 span::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-10.webp);
position: absolute;
left: 0.5rem;
}

.sal-cont-purple .moz-whitebox01,
.sal-cont-purple .moz-whitebox02 {
margin: 2rem 0;
padding: 1rem;
padding-top: 2rem;
background: #FFFFFF;
position: relative;
}

.sal-cont-purple .moz-whitebox01::before,
.sal-cont-purple .moz-whitebox02::before {
top: -15px;
background: #E6E5F7;
position: absolute;
padding: 0.2rem 0.5rem;
font-weight: 700;
}

.sal-cont-purple .moz-whitebox01::before {
content: '日払い';
}

.sal-cont-purple .moz-whitebox02::before {
content: '銀行振込';
}


/*content-blue*/

.sal-cont-blue .moz-heading {
background: #ffffff;
padding: 0.5rem 2rem;
font-size: 1.1rem;
position: relative;
border: 2px solid #333333;
margin-top: 2rem;
margin-bottom: 1rem;
}

.sal-cont-blue .moz-heading ::before {
height: 0;
height: 0;
display: block;
position: absolute;
left: -3px;
content: "";
border-top: solid 20px #E5F2F7;
border-right: solid 25px transparent;
top: -3px;
z-index: 2;
}

.sal-cont-blue .moz-heading ::after {
height: 0;
display: block;
position: absolute;
left: -2px;
content: "";
border-top: solid 20px #333333;
border-right: solid 25px transparent;
top: -2px;
}

.sal-cont-blue .moz-comparison01,
.sal-cont-blue .moz-comparison02 {
position: relative;
display: block;
padding-left: 3rem;
margin-bottom: 0.5rem;
}

.sal-cont-blue .moz-comparison01::before,
.sal-cont-blue .moz-comparison02::before {
left: 0.3rem;
top: 0;
position: absolute;
content: '';
display: inline-block;
width: 50px;
height: 50px;
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
}

.sal-cont-blue .moz-comparison01::before {
background-image: url(/wp-content/themes/blankslate-child/assets/images/salary-img-14.webp);
}

.sal-cont-blue .moz-comparison02::before {
background-image: url(/wp-content/themes/blankslate-child/assets/images/salary-img-15.webp);
}

.sal-cont-blue .moz-subheading {
margin: 0 auto;
text-align: center;
border-bottom: solid 3px #333333;
font-size: 1.1rem;
width: 130px;
}

.sal-cont-blue .moz-subheading {
margin: 0 auto;
text-align: center;
border-bottom: solid 3px #333333;
font-size: 1.1rem;
width: 130px;
}

.sal-cont-blue .moz-maru {
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 50px;
background: #ffffff;
border: solid 1px #333333;
font-weight: 700;
text-align: center;
display: inline-block;
}


/*content-green*/

.sal-cont-green .moz-lead,
.sal-cont-green .moz-lead2 {
display: flex;
align-items: center;
font-weight: 700;
font-size: 1.1rem;
padding-bottom: 1rem;
}

.sal-cont-green .moz-lead::after,
.sal-cont-green .moz-lead2::after,
.sal-cont-green .moz-lead::before,
.sal-cont-green .moz-lead2::before {
content: "";
height: 1px;
line-height: 1px;
flex-grow: 1;
background-color: #333333;
}

.sal-cont-green .moz-lead:before,
.sal-cont-green .moz-lead2:before {
margin-right: 1rem;
}

.sal-cont-green .moz-lead:after,
.sal-cont-green .moz-lead2:after {
margin-left: 1rem;
}

.sal-cont-green .moz-psmall {
font-size: 5px;
display: block;
margin-top: 0.3rem;
font-weight: bold;
}

.sal-cont-green .moz-table {
width: 100%;
text-align: center;
border-collapse: collapse;
line-height: 1.5;
}

.sal-cont-green .moz-th1,
.sal-cont-green .moz-th2,
.sal-cont-green .moz-th3 {
width: 33.3%;
text-align: center;
background-color: #FFEBCB;
background-size: 10px 10px;
background-image: radial-gradient(#FFCA74 10%, transparent 30%);
padding: 1rem;
}

.sal-cont-green .moz-td1,
.sal-cont-green .moz-td2,
.sal-cont-green .moz-td3,
.sal-cont-green .moz-td4,
.sal-cont-green .moz-td5 {
width: 33.3%;
text-align: center;
background-color: #ffffff;
padding: 0.5rem;
font-weight: 400;
vertical-align: middle;
}

.sal-cont-green .moz-td1 {
border-right: double 5px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
}

.sal-cont-green .moz-td2 {
border-right: solid 1px #333333;
border-bottom: solid 1px #333333;
color: #F88F36;
}

.sal-cont-green .moz-td3 {
border-right: double 5px #333333;
border-bottom: solid 1px #333333;
color: #F88F36;
}

.sal-cont-green .moz-td4 {
border-right: double 5px #333333;
border-bottom: double 5px #333333;
border-left: solid 1px #333333;
}

.sal-cont-green .moz-td5 {
border-right: double 5px #333333;
border-bottom: double 5px #333333;
color: #F88F36;
}

.sal-cont-green .moz-th1 {
border-radius: 15px 0px 0px 0px;
border-right: double 5px #333333;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
border-left: solid 1px #333333;
}

.sal-cont-green .moz-th2 {
border-radius: 0 0 0 0;
border-right: solid 1px #333333;
border-bottom: solid 1px #333333;
border-top: solid 1px #333333;
font-size: 1.2rem;
line-height: 1;
}

.sal-cont-green .moz-th3 {
border-radius: 0 15px 0 0;
border-right: double 5px #333333;
border-bottom: solid 1px #333333;
border-top: solid 1px #333333;
font-size: 1.2rem;
line-height: 1;
}

.sal-cont-green .moz-select {
margin: 0 auto 1rem;
}

.sal-cont-green .moz-select select {
display: block;
width: 100%;
height: 50px;
padding: 0.5rem;
font-size: 1.1rem;
color: #333333;
background-color: #ffffff;
border: 1px solid #333333;
border-radius: .3rem;
}

.sal-cont-green .moz-input {
margin: 0 auto;
}

.sal-cont-green .moz-input input {
display: block;
width: 100%;
height: 50px;
padding: 0.5rem;
color: #333333;
background-color: #FDFFC3;
border: 2px solid #333333;
border-radius: .3rem;
margin-right: .5rem;
}

.sal-cont-green .moz-box {
border: solid 1px #1F1F1F;
padding: 1rem;
position: relative;
margin-top: 2rem;
margin-bottom: 1rem;
}

.sal-cont-green .moz-box::before {
content: '+特別報酬';
position: absolute;
top: -1rem;
left: 1rem;
background: #EAF7E5;
font-weight: 700;
padding: 0 0.5rem;
}


/*下向き線*/

.sal-cont-pink .moz-line,
.sal-cont-purple .moz-line,
.sal-cont-blue .moz-line,
.sal-cont-green .moz-line {
position: relative;
border-bottom: 1px solid #707070;
}

.sal-cont-pink .moz-line {
background-color: #F7E8E5;
}

.sal-cont-purple .moz-line {
background-color: #E6E5F7;
}

.sal-cont-blue .moz-line {
background-color: #E5F2F7;
}

.sal-cont-green .moz-line {
background-color: #EAF7E5;
}

.moz-line::before,
.moz-line::after {
position: absolute;
top: 100%;
left: 45%;
content: '';
height: 0;
width: 0;
border: 20px solid transparent;
}

.moz-line:before {
border-top: 25px solid #707070;
}

.sal-cont-pink .moz-line:after {
margin-top: -2px;
border-top: 25px solid #F7E8E5;
}

.sal-cont-purple .moz-line:after {
margin-top: -2px;
border-top: 25px solid #E6E5F7;
}

.sal-cont-blue .moz-line:after {
margin-top: -2px;
border-top: 25px solid #E5F2F7;
}

.sal-cont-green .moz-line:after {
margin-top: -2px;
border-top: 25px solid #EAF7E5;
}


/*テキストアンダーバー*/

.sal-contents .moz-under-5BC8AC {
background: linear-gradient(transparent 0%, #5BC8AC 0%);
color: #ffffff;
padding: 0 0.5rem;
}

.sal-contents .moz-under-F18D9E {
background: linear-gradient(transparent 0%, #F18D9E 0%);
color: #ffffff;
padding: 0 0.5rem;
}

.sal-contents .moz-underpink {
background: linear-gradient(transparent 65%, #FFE8E8 50%);
font-weight: 700;
}

.sal-contents .moz-under_yellow2 {
background: linear-gradient(transparent 65%, #FFF700 50%);
font-weight: 700;
font-size: 1.3rem;
display: inline-block;
text-align: center;
}

@media screen and (min-width: 500px) {}

@media screen and (min-width: 600px) {}

@media screen and (min-width: 1001px) {
.sal-fs13-16 {
font-size: 1.2rem;
}
.sal-cont-pcflex2 {
padding: 1rem;
}
.fs-20-34 {
font-size: 1.3rem;
}
/*flex要素*/
.sal-cont-pcflex2 {
flex-direction: column;
}
.sal-contents-pcflex {
display: flex;
width: 100%;
justify-content: center;
}
.sal-cont-pcflex-box {
flex-direction: row;
}
.sal-contents-flex-item {
width: 100%;
border-right: solid 1px #a9a9a9;
border-top: solid 0px;
border-left: solid 0px;
border-bottom: solid 0px;
font-weight: 400;
line-height: 1.5;
font-weight: 1.2rem;
}
.sal-contents-pcflex-item1,
.sal-contents-pcflex-item2 {
width: 50%;
margin: 0.3rem;
font-size: 0.9rem;
}
.sal-cont-pcflex2-item1 {
width: 100%;
margin: 0.3rem;
font-size: 0.9rem;
}
.sal-contents-pcflex-item3 {
width: 55%;
}
.sal-contents-pcflex-item4 {
width: 45%;
}
.sal-contents-pcflex-item5 {
width: 30%;
}
.sal-contents-pcflex-item6,
.sal-contents-pcflex-item6-2,
.sal-contents-pcflex-item6-3,
.sal-contents-pcflex-item6-4,
.sal-contents-pcflex-item6-5,
.sal-contents-pcflex-item6-6 {
width: 70%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.sal-contents-pcflex-item6 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary/sal-img-ba-01.webp');
}
.sal-contents-pcflex-item6-2 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary/sal-img-ba-02.webp');
}
.sal-contents-pcflex-item6-3 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary/sal-img-ba-03.webp');
}
.sal-contents-pcflex-item6-4 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary/sal-img-ba-04.webp');
}
.sal-contents-pcflex-item6-5 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary/sal-img-ba-05.webp');
}
.sal-contents-pcflex-item6-6 {
background-image: url('/wp-content/themes/blankslate-child/assets/images/salary-02.webp');
}
.sal-cont-flex-item {
width: 100%;
}
.pd-l-40 {
padding-left: 5rem;
}
.pd-t-40 {
padding-top: -8rem;
}
/*背景コンテンツ*/
.sal-cont-yellow {
background: repeating-linear-gradient(45deg, #f6f7d6, #f6f7d6 6px, #fcffcb 6px, #fcffcb 20px);
}
.sal-cont-beige {
background: repeating-linear-gradient(45deg, #F7F0E5, #F7F0E5 6px, rgb(252, 250, 234) 6px, rgb(252, 250, 234) 20px);
}
.sal-cont-pink {
background: repeating-linear-gradient(45deg, #F7E8E5, #F7E8E5 6px, #faf0ee 6px, #faf0ee 20px);
}
.sal-cont-purple {
background: repeating-linear-gradient(45deg, #E6E5F7, #E6E5F7 6px, #ebeaf8 6px, #ebeaf8 20px);
}
.sal-cont-blue {
background: repeating-linear-gradient(45deg, #E5F2F7, #E5F2F7 6px, #ebf4f8 6px, #ebf4f8 20px);
}
.sal-cont-green {
background: repeating-linear-gradient(45deg, #EAF7E5, #EAF7E5 6px, #eff8eb 6px, #eff8eb 20px);
}
.sal-cont-pink .moz-money01::before,
.sal-cont-pink .moz-money01-2::before,
.sal-cont-pink .moz-money01-3::before {
content: none;
}
.sal-cont-yellow .moz-Order,
.sal-cont-beige .moz-Order,
.sal-cont-pink .moz-Order,
.sal-cont-purple .moz-Order,
.sal-cont-blue .moz-Order,
.sal-cont-green .moz-Order {
font: bold 250px/250px Open Sans;
padding: 1.5rem;
margin-left: -1rem;
text-shadow: 3px 3px 30px rgba(112, 68, 1, 0.1);
}
.sal-cont-yellow .moz-Order {
color: #ffe600;
}
.sal-cont-beige .moz-Order {
color: #d0b079;
}
.sal-cont-pink .moz-Order {
color: #f18d9e;
}
.sal-cont-purple .moz-Order {
color: #BDB9FB;
}
.sal-cont-blue .moz-Order {
color: #a8d8eb;
}
.sal-cont-green .moz-Order {
color: #a2e787;
}
.sal-cont-blue .moz-heading ::before {
border-top: solid 20px #F6FAFC;
}
.sal-cont-yellow .moz-under,
.sal-cont-beige .moz-under,
.sal-cont-pink .moz-under,
.sal-cont-purple .moz-under,
.sal-cont-blue .moz-under,
.sal-cont-green .moz-under {
text-align: left;
color: rgb(118, 118, 118);
margin-top: 0rem;
margin-left: 1.5rem;
font-size: 1.2rem;
padding: 0rem;
padding-left: 1rem;
padding-right: 0;
line-height: 1.2;
display: block;
}
.sal-cont-yellow .moz-border,
.sal-cont-beige .moz-border,
.sal-cont-pink .moz-border,
.sal-cont-purple .moz-border,
.sal-cont-blue .moz-border,
.sal-cont-green .moz-border {
margin-left: 1.5rem;
margin-top: 1rem;
width: 100%;
}
.sal-cont-yellow,
.sal-cont-beige,
.sal-cont-pink,
.sal-cont-purple,
.sal-cont-blue,
.sal-cont-green {
padding: 4rem 0rem 4rem 0rem;
}
.sal-chat {
padding: 20px 15px;
}
.wid-100-80 {
width: 80%;
}
.moz-subtitle01 span {
background: #FAFAFF;
border: solid #FAFAFF;
}
.b-f7f5e5-pc,
.b-FFF9F9-pc,
.b-fffcf8-pc,
.b-fafaff-pc,
.b-f3f7f2-pc,
.b-ffffe0-pc,
.b-f6fafc-pc {
padding: 2rem;
margin-top: 1rem;
border-radius: 50px 0px 0px 0px;
}
.b-f7f5e5-pc {
background: #fefadd;
}
.b-ffffe0-pc {
background: #F7E8E5;
}
.b-FFF9F9-pc {
background: #F7E8E5;
}
.b-fffcf8-pc {
background: #fffcf8;
}
.b-fafaff-pc {
background: #fafaff;
}
.b-f6fafc-pc {
background: #fafdff;
}
.b-f3f7f2-pc {
background: #fbfffa;
}
.sal-cont-pink .moz-line:after {
border-top: 25px solid #ffffff;
}
.sal-chat-wrapper {
width: 100%;
}
.sal-cont-green .moz-td1,
.sal-cont-green .moz-td2,
.sal-cont-green .moz-td3,
.sal-cont-green .moz-td4,
.sal-cont-green .moz-td5 {
padding: 1.5rem 0.3rem;
}
.sal-cont-green .moz-table,
.sal-cont-green .moz-select select,
.sal-cont-green .moz-input input {
width: 90%;
margin: 0 auto;
}
.sal-cont-pink .moz-money01,
.sal-cont-pink .moz-money01-2,
.sal-cont-pink .moz-money02 {
font-size: 1rem;
}
.sal-cont-flex-item-w-left,
.sal-cont-flex-item-w-rigft,
.sal-cont-flex-item-w-lefted,
.sal-cont-flex-item-w-rigfted {
font-size: 0.8rem;
}
}

@media screen and (min-width: 1001px) {}

@media screen and (min-width: 1201px) {
.sal-contents-pcflex-item1,
.sal-cont-pcflex2-item1,
.sal-contents-pcflex-item2 {
margin: 1rem;
font-size: 1.2rem;
}
.fs-20-34 {
font-size: 2.26rem;
}
.sal-cont-pink .moz-money01,
.sal-cont-pink .moz-money01-2,
.sal-cont-pink .moz-money02 {
font-size: 2rem;
}
.sal-cont-flex-item-w-left,
.sal-cont-flex-item-w-rigft,
.sal-cont-flex-item-w-lefted,
.sal-cont-flex-item-w-rigfted {
font-size: 1.2rem;
}
.sal-cont-pink .moz-money01::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-05.webp);
}
.sal-cont-pink .moz-money01-2::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-06.webp);
}
.sal-cont-pink .moz-money01-3::before {
content: url(/wp-content/themes/blankslate-child/assets/images/salary-img-09.webp);
}
.moz-subtitle01 span {
font-size: 2.2rem;
}
.sal-cont-purple .moz-subtitle01 {
font-size: 1.2rem;
}
}

@media screen and (min-width: 1540px) {}

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

@media screen and (max-width: 320px) {
/*共通*/
.sal-contents {
font-size: 0.9rem;
}
}


/*追加*/

.moz-color_orange_b {
font-weight: bold;
color: #ff7600;
font-family: 'open sans';
font-size: 1.257rem;
}

.sal-simulat-ind-p {
font-size: .85rem;
}

.rew-en {
font-size: 2rem;
font-weight: bold;
display: block;
padding-top: .5rem
}

.rew-box01 {
display: flex;
margin-left: 0 !important;
width: 60%;
}

.sal-price-h3-01 {
text-align: center;
margin: 10rem 0 1rem;
background-color: #fff;
padding: .6rem 0;
}

.sal-price-h3-01-span:before,
.sal-price-h3-02-span:before {
position: absolute;
width: 100px;
height: 100px;
content: '';
left: 50%;
top: -3.2rem;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: inline-block;
}

.sal-price-h3-01-span:before {
background-size: contain;
background-image: url(/wp-content/themes/blankslate-child/assets/images/salary/sal-chat-h3img01.svg);
background-repeat: no-repeat;
}

.sal-price-h3-02-span:before {
background-size: contain;
background-image: url(/wp-content/themes/blankslate-child/assets/images/salary/sal-tell-h3img01.svg);
background-repeat: no-repeat;
}

.sal-price-h3-01-span,
.sal-price-h3-02-span {
position: relative;
display: inline-block;
}

@media screen and (min-width: 1201px) {
.rew-box01 {
margin-left: 1.8rem !important;
}
.sal-price-h3-01 {
font-size: 2rem;
}
.sal-price-h3-01-span:before,
.sal-price-h3-02-span:before {
width: 150px;
height: 150px;
top: -5rem;
}
}


/*   在宅料率変更追加css 2022/12/01 国島  */
.Rate-change,
.Rate-cp {
max-width: 40rem;
}

.Rate-change-inner {
margin: 3rem 1rem;
}

.Rate-change-h3 {
font-size: 1.5rem;
margin: 1rem 0 0;
padding-left: 1rem;
border-left: 11px double #FFA2B9;
line-height: 1.4;
}

.Rate-change-h3-span {
font-size: .9rem;
font-weight: normal;
}

.Rate-change-h4,
.Rate-cp-h4 {
position: relative;
font-size: 1.4rem;
line-height: 1.4;
font-weight: bold;
padding-left: 2rem;
letter-spacing: 1px;
margin: 4rem 0 2rem 2rem;
display: inline-block;
}

.Rate-change-h4::before,
.Rate-cp-h4::before {
border-radius: 2rem;
padding: 0.5rem 1rem;
position: absolute;
transform: translate(-50%, -50%);
top: 50%;
left: 0;
font-size: 1.4rem;
font-weight: bold;
background-color: #FFA2B9;
color: #fff;
}

.Rate-change-h4::before {
content: "1";
}

.Rate-cp-h4::before {
content: "2";
}

.col-FF5D86 {
color: #FF5D86;
}

.Rate-change-small,
.Rate-cp-small {
position: relative;
font-size: .9rem;
padding-left: 1rem;
display: block;
margin-top: 1rem;
line-height: 1.2;
}

.Rate-change-small::before,
.Rate-cp-small::before {
content: "※";
margin-left: -1rem;
}

.Rate-change-box-flex {
display: flex;
justify-content: space-between;
}

.Rate-change-box-left {
width: 44%;
position: relative;
z-index: 10;
}

.Rate-change-box-left::after {
content: "";
position: absolute;
width: 1rem;
height: 3em;
right: -0.5rem;
top: 12rem;
background-size: contain;
transform: translate(50%, 50%);
background-image: url(/wp-content/themes/blankslate-child/assets/images/rate/icon-tri.svg);
background-repeat: no-repeat;
}

.Rate-change-box-left>li:first-of-type,
.Rate-change-box-right>li:first-of-type {
text-align: center;
}

.Rate-change-box-right {
width: 54%;
position: relative;
}

.Rate-change-box-right::before {
content: "";
position: absolute;
width: 4rem;
height: 3rem;
left: -2.5rem;
top: -.5rem;
background-size: contain;
transform: translate(50%, 50%);
background-image: url(/wp-content/themes/blankslate-child/assets/images/rate/rate-new.svg);
background-repeat: no-repeat;
z-index: 20;
}

.Rate-change-box-right-dd01-flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.3rem 0;
line-height: 1.2;
font-size: 1.2rem;
}

.fw-b {
font-weight: bold;
}

.Rate-change-box-left-dl,
.Rate-change-box-right-dl {
background-color: #FFFCEB;
border-radius: 2rem;
padding: 1rem;
height: 100%;
border: 1px solid #FFA2B9;
margin: 0;
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .2));
min-height: 26rem;
}

.Rate-cp-box-dl {
background-color: #FFFCEB;
border-radius: 2rem;
padding: 1rem;
border: 1px solid #FFA2B9;
margin: 0;
filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, .2));
}

.Rate-change-box-right-dl,
.Rate-change-box-right-dd01,
.Rate-change-box-right-dd02 {
margin-left: 0;
}

.Rate-change-box-right-dt,
.Rate-change-box-left-dt {
font-weight: bold;
font-size: 1.3rem;
border-bottom: 2px solid #1f1f1f;
padding: 1rem 0;
text-align: center;
}

.fs-15 {
font-size: 1.5rem;
}

.Rate-change-box-left-dd01 {
margin-left: 0;
height: 12rem;
padding: 6rem 0;
text-align: center;
}

.Rate-change-box-left-dd02,
.Rate-change-box-right-dd02 {
margin-left: 0;
font-size: 1rem;
font-weight: normal;
border-top: 1px dashed #1f1f1f;
padding-top: 0.5rem;
}

.Rate-change-p01,
.Rate-cp-p01 {
font-size: 1.5rem;
margin: 2rem 0 0;
line-height: 1;
}


.Rate-change-p02 {
line-height: 1;
padding: 0.5rem 1rem;
background-color: #FFA2B9;
border: 1px solid #1f1f1f;
border-radius: 1rem;
color: #fff;
display: inline-block;
position: relative;
}

.Rate-change-p02::before {
color: #1f1f1f;
content: "例";
position: absolute;
left: -2rem;
font-size: 1.5rem;
top: 1.5rem;

}

.Rate-change-p02-flex {
display: flex;
}

.Rate-change-p02-flex-p02 {
padding-left: 2rem;
position: relative;
}

.Rate-change-p02-flex-p02::before {
content: "";
position: absolute;
width: 1rem;
height: 1rem;
left: 0.7rem;
top: 0.3rem;
background-size: contain;
background-image: url(/wp-content/themes/blankslate-child/assets/images/rate/icon-tri-02.svg);
background-repeat: no-repeat;
}

.Rate-change-p02-box {
padding-bottom: 1rem;
margin-top: 1rem;
padding-left: 2rem;
border-top: 1px dashed;
padding-top: 1rem;
border-bottom: 1px dashed;
}

.Rate-cp-box-dt {
font-size: 1rem;
border-bottom: 1px solid #1f1f1f;
padding-bottom: 0.5rem;
text-align: justify;
}

.Rate-cp-box-dd01 {
text-align: center;
margin: 0;
font-size: 2.5rem;
padding: 3rem;
}

.border-b {
border-bottom: 1px dashed #1f1f1f;
width: 100%;
height: 1px;
margin: 1rem 0;
}

.mgt-1pdt1 {
margin-top: -1rem;
padding-top: 1rem;
}

.under_yellow {
background: linear-gradient(transparent 65%, #ff1 50%)
}

.Rate-change-cp {
background-color: #f0f2f2;
padding: 1;
margin: 0 auto;
padding-bottom: 1rem;

}

.rate-flex {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
}

@media screen and (min-width: 1001px) {

.Rate-cp {
border-left: 1px dashed;
padding-left: 2rem;
margin-left: 2rem;
}

.Rate-cp-box-dl {
min-height: 26rem;
}

.Rate-cp-box-dd01 {
font-size: 4rem;
padding: 6rem 3rem;
}

.Rate-change-h3 {
font-size: 2.5rem;
margin: 1rem 2rem 0;
padding-left: 1rem;
border-left: 1.5 double #FFA2B9;
line-height: 1.4;
}

.Rate-cp-box-dt {
font-size: 1.2rem;
}

.Rate-change-box-right-dd01-flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.3rem 1rem;
line-height: 1.6;
font-size: 1.6rem;
}

.Rate-change-box-left-dd01 {
padding: 5rem 0;
font-size: 1.6rem;
}

.Rate-change-h4,
.Rate-cp-h4 {
font-size: 1.8rem;
}

.Rate-change-h4 {

}
.Rate-cp-h4 {
font-size: 1.8rem;
margin: 4rem 0 4.5rem 2rem;
}



.Rate-change-small,
.Rate-cp-small {
font-size: 1rem;
}

.Rate-change-box-left>li:first-of-type,
.Rate-change-box-right>li:first-of-type {
font-size: 1.6rem;
}
.Rate-change-box-right::before {
width: 7rem;
height: 5rem;
left: -4.5rem;
top: -2rem;
}
.Rate-change-inner {
margin: 3rem auto;
max-width: 1200px;
}
}




/*20221222 追加css*/

.sal-box {
background: #fff;
max-width: 1500px;
margin: auto;
margin-top: 50px;
margin-bottom: 50px;
padding: 0px 0px;
}

.sal-box h3 {
position: relative;
padding: 50px 5px;
padding-top: 50px;
text-align: center;
margin: 1rem;
font-size: 1.3rem;
max-width: 1000px;
margin: 0 auto;
margin-bottom: -50px;
}

.sal-box h3:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #000;
}

.sal-box h3::after {
content: '';
position: absolute;
background-image: url(https://pokewaku.jp/wp-content/themes/blankslate-child/assets/images/salary-03.svg);
left: 50%;
top: 0%;
transform: translateX(-50%)translateY(-50%);
background-size: contain;
background-repeat: no-repeat;
width: 100px;
height: 100px;
}

.sal-box h3 span {
position: relative;
padding: 0 1em;
background: #fff;
}

.sal-box p {
padding: 1rem 2rem;
line-height: 2;
max-width: 1000px;
margin: 0 auto;
}

.sal-box-span-warp, .sal-box-span-warp2 {
position: relative;
padding: 0.5rem 0;
margin-bottom: 1rem;
display: block;
font-size: 1rem;
font-weight: 700;
}

.sal-box-span-warp {
color: #ff491c
}

.sal-box-span-warp2 {
color: #1cacff
}

.sal-box-span-warp:after, .sal-box-span-warp2:after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 10px;
content: '';
background-size: 7px 7px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.sal-box-span-warp:after {
background-image: -webkit-repeating-linear-gradient(135deg, #ff491c, #ff491c 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45deg, #ff491c, #ff491c 1px, transparent 2px, transparent 5px);
}

.sal-box-span-warp2:after {
background-image: -webkit-repeating-linear-gradient(135deg, #1cacff, #1cacff 1px, transparent 2px, transparent 5px);
background-image: repeating-linear-gradient(-45deg, #1cacff, #1cacff 1px, transparent 2px, transparent 5px);
}

.sal-box-warp {
display: block;
max-width: 1000px;
margin: 0 auto;
}

.sal-box-chat {
display: inline-block;
background-color: white;
border: 1px solid #707070;
padding: 10px 15px;
position: relative;
margin: 1rem;
margin-top: 2rem;
margin-left: 80px;
line-height: 2;
}

.sal-box-chat:before {
content: "";
width: 10px;
height: 10px;
background-color: white;
border-bottom: 1px solid #707070;
position: absolute;
top: 55px;
}
.sal-box-chat:before {
border-left: 1px solid #707070;
left: -7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.sal-box-chat:after {
content: "";
width: 50px;
height: 50px;
position: absolute;
top: 0;
}

.sal-box-chat:after {
background-image: url(/wp-content/themes/blankslate-child/assets/images/pokeko.svg);
left: -60px;
background-size: contain;
background-repeat: no-repeat;
}
.sal-box-warp h4 {
text-align: right;
margin-right: 1rem;
font-size: 16px;
}

.sal-box-warp h4 span {
border-bottom: solid 1px;
}

@media screen and (min-width: 1201px) {
.sal-box h3 {
font-size: 2.5rem;
}
.sal-box-span-warp, .sal-box-span-warp2 {
font-size: 2rem;
margin-left: -2rem;
}
.sal-box h3::after {
width: 180px;
height: 180px;
top: -30px;
}
.sal-box {
padding: 80px 0px;
}
.sal-box h3 {
position: relative;
padding: 80px 65px;
padding-top: 80px;
text-align: center;
font-size: 2.5rem;
max-width: 1000px;
margin: 0 auto;
display: block;
}
.sal-box-warp {
display: flex;
}
.sal-box-chat {
margin: 1rem 50px;
}
.sal-box-chat:after {
width: 60px;
height: 60px;
}
.sal-box-chat:after {
left: -70px;
}
.sal-box-warp h4 {
margin-right: 50px;
font-size: 20px;
}
}