.pc-head {
background: linear-gradient(25deg, rgba(50, 55, 77, 0.3), rgba(56, 23, 42, 0.6)), url(/assets/images/beauty-pc.webp);
background-size: cover;
background-position: center;
}

.beauty-all {
background-color: #fff;
font-size: 1rem;
font-family: "Noto Sans JP";
padding: 0;
}

.beauty-all p {
text-align: center;
}

.beauty-be_af, .beauty-camera {
padding: 1.3rem 0px 5px;
text-align: justify;
}

.beauty-top-h1 {
margin: 0;
}

.beauty-top-h1 img {
object-fit: contain;
width: 100%;
margin: 0;
}

.beauty-h2 {
text-align: center;
font-size: 1rem;
line-height: 1.6;
position: relative;
}

.beauty-h2 span {
position: relative;
display: inline-block;
margin: 0 auto;
font-weight: bold;
font-size: 30px;
letter-spacing: 1px;
}

.beauty-h2 ::before {
position: absolute;
top: 0;
left: -45px;
content: "";
display: block;
width: 45px;
height: 45px;
background: url(/assets/images/beauty-star.svg) no-repeat;
background-size: contain;
}

.beauty-h2-span1::first-letter {
font-size: 40px;
}

.beauty-h2-underber {
border-bottom: 2px solid #ec0078;
width: 40%;
margin: 5px auto 1.3rem;
}

.beauty-hr {
border-bottom: 15px solid #ec0078;
width: 100%;
margin: 2rem auto;
}

.beauty-be_af-img {
object-fit: contain;
width: 100%;
margin: 10px 0;
}

.beauty-camera-flexbox {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 15px;
}

.beauty-camera-flexitem {
background-color: #ec0078;
width: 45%;
margin: 5px;
height: 50px;
box-shadow: 2px 2px 5px rgb(0 0 0 / 40%);
}

.beauty-camera-flexitem p {
font-weight: bold;
color: #fff;
text-align: center;
font-size: 18px;
padding: 9px 0;
}

.beauty-be_af p span {
font-size: 1.3rem;
color: #ec0078;
font-weight: bold;
line-height: 1.2;
}

.beauty-camera-box {
text-align: center;
border: 1px solid #ec0078;
padding: 30px 5px;
position: relative;
margin-bottom: 20px;
margin-top: 2rem;
}

.beauty-camera-box ::before {
position: absolute;
top: -16px;
left: 15px;
content: "WEBカメラアプリにより";
display: inline-block;
background-color: #fff;
background-size: contain;
font-size: 1rem;
font-weight: bold;
padding: 5px;
}

.beauty-camera-box p {
font-size: 1.3rem;
margin: 0;
line-height: 1.6;
font-weight: bold;
}

.beauty-camera-box p span {
color: #ec0078;
line-height: 1.6;
}

.beauty-camera-box-2 {
text-align: center;
border: 1px solid #ec0078;
padding: 30px 5px;
position: relative;
margin-bottom: 20px;
margin-top: 0rem;
}

.beauty-camera-box-2 ::before {
position: absolute;
top: -16px;
left: 15px;
content: "カメラ映えが良くなることで";
display: inline-block;
background-color: #fff;
background-size: contain;
font-size: 1rem;
font-weight: bold;
padding: 5px;
}

.beauty-camera-box-2 p {
font-size: 1.3rem;
margin: 0;
line-height: 1.6;
font-weight: bold;
}

.beauty-camera-box-2 p span {
color: #ec0078;
line-height: 1.6;
}

.br-sp {
display: none;
}

.beauty-camera-flexbox span {
position: relative;
padding-left: 15px;
font-size: 1rem;
}

.beauty-camera-flexbox>div>p> ::before {
position: absolute;
content: "";
top: -1px;
left: -10px;
width: 1.6rem;
height: 2rem;
background-size: contain !important;
display: inline-block;
}

.beauty-camera-flexbox>div>.beu-fle-icon-a ::before {
background: url(/assets/images/poke-img-Beauty-icon-d.webp) no-repeat;
}

.beauty-camera-flexbox>div>.beu-fle-icon-b ::before {
background: url(/assets/images/poke-img-Beauty-icon-c.webp) no-repeat;
}

.beauty-camera-flexbox>div>.beu-fle-icon-c ::before {
background: url(/assets/images/poke-img-Beauty-icon-a-2.webp) no-repeat;
left: -8px;
}

.beauty-camera-flexbox>div>.beu-fle-icon-d ::before {
background: url(/assets/images/poke-img-Beauty-icon-b.webp) no-repeat;
left: -15px;
}

.beauty-camera-flexitem {
background-color: #ec0078;
width: 45%;
margin: 5px;
height: 50px;
box-shadow: 1px 1px 5px rgb(250 250 250 / 40%);
border-radius: 10px;
}

.beauty-ar-bg {
background-color: #ddd;
margin: 0;
padding: 1rem;
}

.beauty-ar-bg h3 {
font-size: 1.3rem;
font-weight: bold;
text-align: center;
margin: 10px 0;
color: #ec0078;
}


/*flex要素*/

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

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

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

.beauty-btn-shiny {
position: relative;
display: block;
width: 95%;
font-size: 1rem;
height: 60px;
line-height: 60px;
text-align: center;
text-decoration: none;
color: #ffffff;
margin: 0 auto;
background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
box-shadow: 1px 1px 6px #d5d5d5;
overflow: hidden;
border-radius: 30px;
outline: none;
border: none;
}

.beauty-btn-shiny:hover {
opacity: 0.9;
}

.beauty-btn-shiny::after {
content: '';
position: absolute;
top: -10%;
left: -20%;
width: 20px;
height: 100%;
transform: scale(2) rotate(20deg);
background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, .5) 100%, rgba(255, 255, 255, 0) 0%);
/* アニメーション */
animation-name: shiny;
animation-duration: 4s;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
}

.beauty-btn-shiny::before {
content: url(/assets/images/arrow_right005.svg);
right: 1rem;
top: 8px;
position: absolute;
}

@keyframes shiny {
0% {
left: -20%;
}
10% {
left: 120%;
}
100% {
left: 120%;
}
}

@media screen and (min-width: 1001px) {
.beauty-all p {
font-size: 1.2rem;
}
.beauty-contents-pcflex {
display: flex;
width: 100%;
}
.beauty-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;
}
.beauty-contents-pcflex-item1, .beauty-contents-pcflex-item2 {
width: 50%;
margin: 1rem;
}
.beauty-contents-pcflex-item3 {
width: 55%;
}
.beauty-contents-pcflex-item4 {
width: 45%;
}
.beauty-h2 {
text-align: center;
font-size: 2.5rem;
line-height: 1.5;
position: relative;
margin-top: -2rem;
}
.beauty-h2 span {
position: relative;
display: inline-block;
margin: 0 auto;
font-weight: bold;
font-size: 3.5rem;
letter-spacing: 1px;
}
.beauty-h2 ::before {
position: absolute;
top: 0;
left: -70px;
content: "";
display: block;
width: 60px;
height: 60px;
background: url(/assets/images/beauty-star.svg) no-repeat;
background-size: contain;
}
.beauty-h2-span1::first-letter {
font-size: 6rem;
color: #F6015F;
}
.beauty-h2-underber {
border-bottom: 2px solid #ec0078;
width: 95%;
margin: 5px auto 1.3rem;
}
.beauty-camera-flexbox span {
font-size: 2rem;
}
.beauty-camera-flexbox>div>p> ::before {
top: 10px;
left: -10px;
}
.beauty-camera-flexitem {
height: 70px;
}
.beauty-ar-bg h3 {
font-size: 2.5rem;
}
.beauty-camera-box, .beauty-camera-box-2 {
margin-top: 2rem;
}
.beauty-camera-box ::before, .beauty-camera-box-2 ::before {
position: absolute;
top: -30px;
left: 30px;
font-size: 2rem;
}
.beauty-camera-box ::before {
content: "WEBカメラアプリにより";
}
.beauty-camera-box-2 ::before {
content: "カメラ映えが良くなることで";
}
.beauty-camera-box p, .beauty-camera-box-2 p {
font-size: 2rem;
font-weight: 400;
}
.beauty-be_af-img {
width: 80%;
}
.beauty-be_af p span {
font-size: 1.8rem;
color: #ec0078;
font-weight: bold;
line-height: 1.5;
}
.beauty-btn-shiny {
width: 60%;
font-size: 2rem;
height: 100px;
line-height: 100px;
border-radius: 60px;
}
}

@media screen and (max-width: 320px) {
/*ここにスマホ用スタイルを記述*/
.beauty-camera-flexitem {
margin: 5px;
}
.beauty-camera-flexitem p {
font-size: 1rem;
padding: 13px 0;
}
.beauty-h2 span {
font-size: 24px;
}
.beauty-h2 span ::before {
left: -35px;
width: 35px;
height: 35px;
}
.beauty-camera-box-2 p {
font-size: 18px;
}
.beauty-camera-box p {
font-size: 18px;
}
.br-sp {
display: block;
}
.beauty-camera-flexbox span {
font-size: .8rem;
}
.beauty-camera-flexbox>div>p> ::before {
left: -1px;
width: 1.3rem;
height: 1.3rem;
}
.beauty-camera-flexbox>div>.beu-fle-icon-d ::before {
left: -5px;
}
.beauty-ar-bg {
padding: .6rem;
}
}


/******contents追加分*****/

.max-w1500 {
max-width: 1500px !important;
}

.pc-block {
display: none;
}

.sp-block {
display: block;
}

.wid25 {
width: 25%;
}

@media screen and (min-width: 767px) {
.moz-p {
font-size: 1.2rem;
line-height: 1.8;
}
}

@media screen and (min-width: 1001px) {
/*pc区切り線*/
.cont-pc-line, .cont-pc-line2, .cont-pc-line3, .cont-pc-line4, .cont-pc-line5, .cont-pc-line6 {
background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 10px);
height: 30px;
border: none;
margin: 2rem 0;
}
.cont-pc-line2 {
background-color: #7b7b7b;
}
.moz-p {
line-height: 1.8;
}
.pc-block {
display: block;
}
.sp-block {
display: none;
}
}


/***********contents追加*************/

.disp-inb {
display: inline-block;
}

.max-w1500 {
max-width: 1500px !important;
}


/*サイズ調整*/

.wid100-80, .wid100-50, .wid100-90, .wid100-75, .wid100-78 {
width: 100%;
}

.wid30 {
width: 30%;
}

.wid15 {
width: 15%;
}

.pc-block {
display: none;
}

.sp-block {
display: block;
}

.line-solid-2-30 {
border: 1px solid #333333;
width: 130px;
margin: 0 auto;
margin-top: -1rem;
margin-bottom: 1rem;
}

.under-E0E6FF {
background: linear-gradient(transparent 0%, #E0E6FF 0%);
color: #333333;
padding: 0 0.5rem;
}

.c-32374D {
color: #32374D;
}

.c-757B96 {
color: #757B96;
}

.fs-19-34 {
font-size: 1.3rem;
}

@media screen and (min-width: 767px) {
.moz-p {
font-size: 1.2rem;
line-height: 1.8;
}
}

@media screen and (min-width: 1001px) {
.cont-pc-line, .cont-pc-line2, .cont-pc-line3, .cont-pc-line4, .cont-pc-line5, .cont-pc-line6 {
background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, transparent 0, transparent 10px);
height: 30px;
border: none;
margin: 2rem 0;
}
.cont-pc-line5 {
background-color: rgb(50, 55, 77);
}
/*svg背景　区切り*/
.cont-pc-line-2, .cont-pc-line-3, .cont-pc-line-4, .cont-pc-line-5, .cont-pc-line-6, .cont-pc-line-7, .cont-pc-line-8, .cont-pc-line-9, .cont-pc-line-10, .cont-pc-blob-2, .cont-pc-blob-3, .cont-pc-polygon-1, .cont-pc-polygon-2 {
content: '';
height: 0px;
background-repeat: no-repeat;
width: 100%;
background-size: contain;
padding-top: 20%;
margin-bottom: -17%;
border: none;
}
.cont-pc-blob-1, .cont-pc-layered-1 {
content: '';
height: 0px;
background-repeat: no-repeat;
width: 100%;
background-size: contain;
padding-top: 20%;
margin-bottom: -17%;
border: none;
}
.cont-pc-line-10 {
background-image: url("/assets/images/wave-10.svg");
}
.cont-pc-polygon-1 {
background-image: url("/assets/images/polygon-1.svg");
}
.cont-pc-polygon-2 {
background-image: url("/assets/images/polygon-2.svg");
}
.cont-pc-layered-1 {
background-image: url("/assets/images/layered-1.svg");
}
.wid100-90 {
width: 90%;
}
.pc-shadow-32374D {
box-shadow: 1px 1px #32374D;
padding: 0rem 1rem;
}
.moz-p {
line-height: 1.8;
}
.pc-block {
display: block;
}
.sp-block {
display: none;
}
}

@media screen and (min-width: 1200px) {
.fs-19-34 {
font-size: 2.26rem;
}
.pc-mg-t-2 {
margin-top: -2rem;
}
}
/*20220406　追加スタイル*/
.t-left{text-align: left;}
.beauty-c-fff{color: #ffffff;text-shadow: 0px 0px 10px #333333;}
.beauty-h2-top{font-size: 1.5rem;font-family: a-otf-ryumin-pr6n, serif;font-style: normal;font-weight: 700;text-align: center;line-height: 1.5;border-bottom:  solid 2px #8528C0;padding-bottom: 1rem;}
.beauty-h2-top-span{font-size: 2.5rem;color: #ACB6E5;background: -webkit-linear-gradient(0deg, #8528C0, #C92092);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.beauty-p{line-height: 2;font-size: 1rem;font-family: a-otf-ryumin-pr6n, serif;font-style: normal;font-weight: 400;padding: 1rem;}
.beauty-bg-grad{background-image: linear-gradient(to top, #0250c5 0%, #d43f8d 100%);font-family: a-otf-ryumin-pr6n, serif;font-style: normal;}
.beauty-bg-grad h3{font-size: 1.7rem;font-weight: 700; text-align: center;color: #ffffff;text-shadow: 0px 0px 6px;padding-top: 2rem;padding-bottom: 2rem;}
.dis-f{display: flex;}.mg-auto{margin: 0 auto;}
.beauty-bg-grad-span{border: solid 1px #fff;padding:1rem 0.5rem;color: #fff;display: inline-block;width: 45%;text-align: center;font-size: 1rem;}
.mg-b-0-5{margin-bottom: 0.5rem;}
.beauty-bg-grad p{font-size: 1rem;color: #fff;text-align: center;padding: 1rem;}
@media screen and (max-width: 1199px) {
.beauty-switch-cont{padding: 1rem;font-size: 1rem;font-family: a-otf-ryumin-pr6n, serif;font-style: normal;}
.beauty-switch-cont-item{padding: 1rem;margin: 1rem;border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-top:solid 1px #ffffff;border-bottom:solid 1px #ffffff;color: #fff;}}
.beauty-btn-shiny{font-family: a-otf-ryumin-pr6n, serif;font-style: normal;}
@media screen and (min-width: 1200px) {
.beauty-h2-top{font-size: 2rem;font-family: a-otf-ryumin-pr6n, serif;font-style: normal;font-weight: 700;text-align: center;line-height: 1.5;border-bottom:  solid 2px #8528C0;padding-bottom: 1rem;}
.beauty-h2-top-span{font-size: 5rem;color: #ACB6E5;background: -webkit-linear-gradient(0deg, #8528C0, #C92092);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.beauty-switch-cont{padding: 1rem;display: flex;font-size: 1rem;font-family: a-otf-ryumin-pr6n, serif;font-style: normal;}
.beauty-switch-cont-item{width: 50%;padding:2.5rem 2rem;border: solid 1px ; border-left:solid 1px #ffffff;border-right:solid 1px #ffffff;border-top:solid 1px #ffffff;border-bottom:solid 1px #ffffff;margin: 0.5rem;font-size: 1.3rem;color: #fff;}
.beauty-bg-grad h3{font-size: 2.5rem;font-weight: 700; text-align: center;color: #ffffff;text-shadow: 0px 0px 6px;padding-top: 2rem;padding-bottom: 1rem;}
.beauty-bg-grad-span{border: solid 1.5px #fff;padding:2rem 0.5rem;color: #fff;display: inline-block;width: 40%;text-align: center;font-size: 1.5rem;margin: 0.5rem;}
.beauty-bg-grad p{font-size: 1.5rem;color: #fff;text-align: center;padding-bottom: 2rem;padding-top: 2rem;}}