/*pcトップ*/

.pc-head {
background: linear-gradient(25deg, rgba(50, 55, 77, 0.3), rgba(56, 23, 42, 0.6)), url(/assets/images/sapport-pc.webp);
position: relative;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 300px;
}
/*共通*/

.sup-cont {
overflow: hidden;
}

.sup-cont .moz-p {
/* margin-bottom: 1.5rem;*/
}

.moz-color_orange {
background-color: #ffe3af;
height: 60px;
border: none;
margin: 2rem 0;
}
/*区切り線*/

.sup-content-pc-line {
background-color: #FFA95E;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
height: 60px;
border: none;
margin: 2rem 0;
}
/*もっとみる*/

.sup-cont-link {
display: block;
position: relative;
text-align: right;
padding-right: 3rem;
color: #333333;
padding-bottom: 1rem;
margin-top: 2rem;
right: 0;
}

.sup-cont-link::before {
position: absolute;
content: url(/assets/images/orange.webp);
top: 1rem;
right: 1rem;
}
/*一日体験入店*/

.Trial {
font: normal normal normal 110px/113px Caveat;
letter-spacing: 0px;
color: #1F1F1F;
padding-left: 30%;
}

.sup-taiken-flex {
width: 100%;
display: flex;
}

.sup-taiken-flex-item2 {
width: 20%;
}

.sup-taiken-flex-item3 {
width: 80%;
}

.sup-taiken-flex-item4 {
width: 0%;
}

.sup-taiken-flex-item2-2 {
width: 70%;
padding: 0.5rem 0;
}

.sup-taiken-flex-item4-2 {
width: 100%;
padding: 0.5rem;
}

.sup-taiken-flex-item3-2,
.sup-taiken-flex-item3-3 {
width: 30%;
position: relative;
}

.sup-taiken-flex-item3-3::before {
content: "";
position: absolute;
display: block;
background-image: url(/assets/images/freedial-img5.webp);
background-size: contain;
padding-top: 67%;
background-repeat: no-repeat;
width: 300px;
height: 300px;
overflow: hidden;
left: -8rem;
top: -12rem;
}

.sup-taiken-flex2 {
width: 100%;
display: flex;
margin-top: 4rem;
}

.sup-cont-border {
border-bottom: #333333 dashed 2px;
font-size: 1.4rem;
font-weight: 700;
padding: 1rem;
}
/*pcのみ適用*/

.sup-cont-pcflex,
.sup-cont-pcflex-item1,
.sup-cont-pcflex-item2 {
width: 100%;
}

.sup-cont-pcflex-item2 {
margin: 1rem;
}

.sup-cont-pcflex,
.sup-cont-pcflex-left,
.sup-cont-pcflex-rght {
display: block;
}
/*support用*/

.sup-top-back {
background-image: url(/assets/images/support-img2.webp);
background-repeat: no-repeat;
background-size: contain;
padding-top: 42%;
position: relative;
}

.sup-top-p {
text-align: center;
font-size: 1.2rem;
font-weight: 600;
line-height: 1.3;
position: absolute;
margin-top: -25%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}

.sup-top-p .moz-text {
position: relative;
}

.sup-top-p .moz-text::before {
position: absolute;
content: url(/assets/images/support-img3.svg);
top: -1.5rem;
left: -15%;
}

.sup-top-p .moz-red {
color: #FF0000;
}

.sup-hr {
background-image: url(/assets/images/support-img26.svg);
background-size: contain;
background-repeat: no-repeat;
height: 0;
padding-top: 15%;
border: none;
max-width: 900px;
}

.sup-box01 .moz-p-bold-center,
.sup-box02 .moz-p-bold-center,
.sup-box03 .moz-p-bold-center,
.sup-box04 .moz-p-bold-center,
.sup-box05 .moz-p-bold-center,
.sup-box06 .moz-p-bold-center {
text-align: center;
font-weight: 700;
line-height: 1.2;
font-size: 1.4rem;
padding: 1rem 0;
}

.sup-box01,
.sup-box02,
.sup-box03,
.sup-box04,
.sup-box05,
.sup-box06 {
padding: 0;
}

.sup-box01 .moz-h2,
.sup-box02 .moz-h2,
.sup-box03 .moz-h2,
.sup-box04 .moz-h2,
.sup-box05 .moz-h2,
.sup-box06 .moz-h2 {
font-family: 'Satisfy', cursive;
color: #FF7600;
text-align: center;
}

.sup-box02 .moz-h2,
.sup-box03 .moz-h2,
.sup-box04 .moz-h2,
.sup-box05 .moz-h2,
.sup-box06 .moz-h2 {
margin-top: 0rem;
margin-bottom: 0.5rem;
}

.sup-box01 .moz-h2::before,
.sup-box01 .moz-h2::after,
.sup-box02 .moz-h2::before,
.sup-box02 .moz-h2::after,
.sup-box03 .moz-h2::before,
.sup-box03 .moz-h2::after,
.sup-box04 .moz-h2::before,
.sup-box04 .moz-h2::after,
.sup-box05 .moz-h2::before,
.sup-box05 .moz-h2::after,
.sup-box06 .moz-h2::before,
.sup-box06 .moz-h2::after {
content: '';
background: #333333;
height: 2px;
width: 20%;
vertical-align: middle;
display: inline-block;
border-radius: 30px;
}

.sup-box02 .moz-p,
.sup-box03 .moz-p,
.sup-box04 .moz-p,
.sup-box05 .moz-p,
.sup-box06 .moz-p {
padding: 2rem;
}

.sup-box06 .moz-movi-box {
border: solid 1px #333333;
box-shadow: 1px 1px 6px #bbbbbb;
border-radius: 0.3rem;
padding: 0.5rem 1rem;
margin: 2rem 1rem 0rem 1rem;
}

.sup-box06 .moz-movi-p {
text-align: center;
font-weight: 600;
font-size: 1.1rem;
line-height: 1.2;
padding-bottom: 1rem;
padding-top: 0.5rem;
}

.sup-cont-pcflex-item5,
.sup-cont-pcflex-item6 {
width: 100%;
}
/*flex*/

.sup-flex-box {
display: flex;
align-items: center;
border-bottom: 1px #1f1f1f dashed;
padding-bottom: 1rem;
max-width: 600px;
}

.sup-flex-box02 {
display: flex;
align-items: center;
max-width: 600px;
}

.sup-flex-box .moz-item35 {
width: 50%;
}

.sup-flex-box .moz-item35-3 {
width: 40%;
}

.sup-flex-box .moz-item35-2 {
width: 45%;
}

.sup-flex-box .moz-item65 {
width: 50%;
}

.sup-flex-box .moz-p1 {
padding: 0 0.2rem 0 2rem;
}

.sup-flex-box .moz-p2 {
padding: 0 2rem 0 0.2rem;
}

.sup-flex-box .moz-p-bold {
font-weight: 700;
font-size: 1.3rem;
padding-bottom: 0.5rem;
text-align: center;
}

.sup-flex-box .moz-item65-2 {
width: 60%;
position: relative;
margin-top: 7rem;
}

.sup-flex-box .moz-item65-2::before {
background-image: url(/assets/images/support-img7.svg);
position: absolute;
content: '';
background-repeat: no-repeat;
background-size: contain;
padding-top: 30%;
height: 0;
width: 18rem;
height: 5rem;
display: inline-block;
top: -6rem;
left: -3rem;
}

.sup-flex-box .moz-item50 {
padding: 1rem;
width: 50%;
}

.sup-flex-box .moz-p3 {
padding: 0.3rem 0;
}

.sup-flex-box .moz-b {
padding: 0.3rem 0;
font-weight: 600;
}

.wid100-75 {
width: 100%;
}

.wid100-65 {
width: 100%;
}

.wid100-50 {
width: 100%;
}

.moz-movi-box-img {
max-width: 600px;
}
/*追加分*/

.sa-josei-h2 {
font-size: 1.42rem;
text-align: center;
margin: 2rem 0 1rem;
}

.sa-josei-flex-box {
display: flex;
flex-direction: column;
max-width: 700px;
margin: 0 auto;
}

.pc-block-sup {
display: none;
}

.sp-block-sup {
display: block;
}

.sup-top-p-span {
font-size: 1.2rem;
}

.sup-box01 .moz-h2 {
margin-top: -3.5rem;
margin-bottom: 0rem;
text-align: center;
}

.sup-box01 .moz-h2,
.sup-box02 .moz-h2,
.sup-box03 .moz-h2,
.sup-box04 .moz-h2,
.sup-box05 .moz-h2,
.sup-box06 .moz-h2 {
font-size: 1.14rem;
}

.sup-img-box01 {
margin: 0 auto;
width: 70%;
}

.line-solid-2-30 {
border: 1px solid #333333;
width: 100px;
margin: 1rem auto 1rem;
}

.sup-cont-pcflex-right {
display: flex;
}

@media screen and (max-width: 375px) {
.sup-cont-border {
border-bottom: #333333 dashed 2px;
font-size: 1.1rem;
font-weight: 700;
padding: 0.5rem;
padding-left: 2.5rem;
}
/*サポート*/
.sup-top-p {
margin-top: -25%;
width: 100%;
padding-bottom: 1rem;
}
.sup-flex-box .moz-p-bold,
.moz-p-bold,
.sup-box01 .moz-p-bold-center,
.sup-box02 .moz-p-bold-center,
.sup-box03 .moz-p-bold-center,
.sup-box04 .moz-p-bold-center,
.sup-box05 .moz-p-bold-center,
.sup-box06 .moz-p-bold-center {
font-size: 1.42rem;
}
.sup-flex-box .moz-p1,
.sup-flex-box .moz-p2 {
font-size: 1rem;
}
}

@media screen and (min-width: 767px) {
.sup-box01 .moz-p-bold-center,
.sup-box02 .moz-p-bold-center,
.sup-box03 .moz-p-bold-center,
.sup-box04 .moz-p-bold-center,
.sup-box05 .moz-p-bold-center,
.sup-box06 .moz-p-bold-center {
font-size: 1.57rem;
}
.sa-josei-h2 {
font-size: 2rem;
}
.sup-top-p-span {
font-size: 1.42rem;
}
.pc-block-sup {
display: block;
}
.sp-block-sup {
display: none;
}
.wid100-75 {
width: 75%;
}
.wid100-65 {
width: 65%;
}
.wid100-50 {
width: 50%;
}
.sup-taiken-flex-item4 {
width: 25%;
padding: 0.5rem;
}
.sup-taiken-flex-item3 {
width: 75%;
}
/*PCのみ適用flex*/
.sup-cont-pcflex,
.sup-cont-pcflex-left,
.sup-cont-pcflex-right {
display: flex;
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding-top: 3rem;
}
.sup-cont-pcflex-item1 {
width: 100%;
margin: 1rem;
font-size: 0.9rem;
}
/*体験入店*/
.sup-taiken-flex-item2 {
width: 25%;
}
.sup-taiken-flex-item3-2,
.sup-taiken-flex-item3-3 {
width: 25%;
position: relative;
}
.sup-taiken-flex-item2-2 {
width: 75%;
padding: 0.5rem;
}
.sup-taiken-flex-item4-2 {
width: 75%;
padding: 0.5rem;
}
.Trial {
padding-left: 35%;
}
/*サポート*/
.sup-flex-box .moz-p3 {
font-size: 0.9rem;
}
.sup-flex-box .moz-item50 {
padding: 0.3rem
}
.sup-box02 .moz-p,
.sup-box03 .moz-p,
.sup-box04 .moz-p,
.sup-box05 .moz-p,
.sup-box06 .moz-p {
padding: 0.3rem;
}
.sup-cont-pcflex-item5 {
width: 30%;
}
.sup-cont-pcflex-item6 {
width: 70%;
}
.sup-box06 .moz-movi-box {
border: solid 0px #333333;
box-shadow: 0px 0px 0px #bbbbbb;
padding: 0.2rem 0.5rem;
margin: 0.5rem;
text-align: center;
}
.sup-flex-box .moz-item35,
.sup-flex-box .moz-item35-2,
.sup-flex-box .moz-item35-3 {
width: 65%;
padding-top: 1rem;
}
.sup-flex-box .moz-p1,
.sup-flex-box .moz-p2 {
font-size: 1rem;
}
.sup-flex-box .moz-p-bold {
padding-top: 2rem;
font-size: 1.3rem;
}
.sup-box01 .moz-h2::before,
.sup-box01 .moz-h2::after,
.sup-box02 .moz-h2::before,
.sup-box02 .moz-h2::after,
.sup-box03 .moz-h2::before,
.sup-box03 .moz-h2::after,
.sup-box04 .moz-h2::before,
.sup-box04 .moz-h2::after,
.sup-box05 .moz-h2::before,
.sup-box05 .moz-h2::after,
.sup-box06 .moz-h2::before,
.sup-box06 .moz-h2::after {
content: '';
background: #333333;
height: 2px;
width: 40%;
vertical-align: middle;
display: inline-block;
border-radius: 30px;
}
.sup-top-p {
left: 35%;
}
.sup-box01 .moz-h2 {
margin-top: 0;
margin-bottom: 0rem;
font-size: 1rem;
}
.sup-top-back {
background-image: url(/assets/images/poke-icon-o.svg);
background-repeat: no-repeat;
background-size: contain;
padding-top: 35%;
position: relative;
background-position: right;
}
.pd-pc-3 {
padding-top: 3rem;
}
.sup-flex-item-33 {
width: 33%;
}
.sup-flex-item-FFCA74 {
    background: linear-gradient(90deg, #a9ede9, #fbd6e3 30%, #fbd6e3);
    background: -webkit-linear-gradient(0deg, #a9ede9, #fbd6e3 30%, #fbd6e3);
    text-align: center;
    padding: 1rem 0;
    font-weight: 700;
    margin: 0.3rem;
    border: solid 1px #000;
}
.sup-flex-box .moz-item65 {
width: 55%;
}
.sup-flex-box .moz-item65-2 {
width: 70%;
position: relative;
margin-top: 7rem;
}
.sup-flex-box .moz-item65-2::before {
padding-top: 30%;
height: 0;
width: 40%;
display: inline-block;
top: -9rem;
left: -7rem;
}
.sup-cont-pcflex-box {
display: flex;
}
.sup-cont-pcflex-left {
display: flex;
flex-direction: column;
}
}

@media screen and (min-width: 1001px) {
.sup-top-p-span {
font-size: 2rem;
}
.fr-zaitaku-flex-box {
flex-direction: row;
align-items: center;
margin-bottom: 5rem;
}
.fr-zaitaku-flex-p-st {
font-size: 1.28rem;
}
.fr-zaitaku-flex-img-box,
.fr-zaitaku-flex-b {
width: 50%;
}
.fr-zaitaku-flex-p {
padding-bottom: 2rem;
}
.fr-zaitaku-flex-b {
padding: 1rem 2rem;
}
.sup-box01 .moz-h2,
.sup-box02 .moz-h2,
.sup-box03 .moz-h2,
.sup-box04 .moz-h2,
.sup-box05 .moz-h2,
.sup-box06 .moz-h2 {
font-size: 1.57rem;
}
}

@media screen and (min-width: 1201px) {
.sup-taiken-flex-item3-3::before {
top: -16rem;
left: 1rem;
width: 250px;
height: 250px;
}
.sup-cont-pcflex-item1 {
font-size: 1rem;
}
/*サポート*/
.sup-top-p {
margin-top: -15%;
}
.sup-box01 .moz-h2 {
margin-bottom: 0rem;
font-size: 1.7rem;
}
.moz-p-bold {
font-size: 2rem;
}
.sup-flex-box .moz-p-bold {
font-size: 2rem;
}
.sup-flex-box .moz-p1,
.sup-flex-box .moz-p2 {
font-size: 1.3rem;
}
.sup-box01 .moz-p-bold-center,
.sup-box02 .moz-p-bold-center,
.sup-box03 .moz-p-bold-center,
.sup-box04 .moz-p-bold-center,
.sup-box05 .moz-p-bold-center,
.sup-box06 .moz-p-bold-center {
font-size: 2.4rem;
padding: 0;
}
.sup-box06 .moz-movi-p {
font-size: 1.57rem;
padding-bottom: 2rem;
padding-top: 1rem;
}
.sa-josei-flex-box {
max-width: 1500px;
flex-wrap: nowrap;
flex-direction: row;
}
.sup-hr {
padding-top: 13%;
max-width: 1200px;
}
}

@media screen and (max-width: 320px) {
.sup-cont-border {
border-bottom: #333333 dashed 2px;
font-size: 1rem;
font-weight: 700;
padding: 0.5rem;
padding-left: 2.5rem;
}
.sup-taiken-flex-item3-3::before {
content: url(/assets/images/freedial-img5.webp);
top: -12rem;
left: -9rem;
position: absolute;
}
.Trial {
font: normal normal normal 90px/93px Caveat;
letter-spacing: 0px;
color: #1F1F1F;
padding-left: 30%;
}
/*もっとみる*/
.sup-cont-link {
display: block;
position: relative;
text-align: right;
padding-right: 0.5rem;
color: #333333;
padding-bottom: 1rem;
margin-top: 2rem;
right: 2rem;
font-size: 0.8rem;
}
.sup-cont-link::before {
position: absolute;
content: url(/assets/images/orange.webp);
top: 1rem;
right: -1rem;
}
/*サポート*/
.sup-top-p {
font-size: 1.1rem;
margin-top: -25%;
}
.sup-box01 .moz-h2 {
margin-top: -3.5rem;
margin-bottom: 0rem;
text-align: center;
}
.sup-box01 .moz-h2,
.sup-box02 .moz-h2,
.sup-box03 .moz-h2,
.sup-box04 .moz-h2,
.sup-box05 .moz-h2,
.sup-box06 .moz-h2,
.sup-flex-box .moz-p-bold,
.moz-p-bold {
font-size: 1rem;
}
.sup-flex-box .moz-p1,
.sup-flex-box .moz-p2 {
font-size: 0.9rem;
}
}
/*   1日体験 追加分*/

.fr-zaitaku-flex-box {
display: flex;
margin: 0 auto;
max-width: 1200px;
flex-direction: column;
}

.fr-zaitaku-flex-img {
width: 100%;
display: block;
}

.r-zaitaku-flex-b {
width: 100%;
display: block;
}

.fr-zaitaku-flex-p-st {
text-align: center;
font-size: 1.28rem;
font-weight: bold;
padding: 0 0 1rem;
}

.fr-zaitaku-flex-img-box {
display: block;
}

.fr-zaitaku-flex-p {
padding-bottom: 1rem;
}

.fr-zaitaku-flex-b {
padding: 1rem;
}
/*他追加分*/

.sup-movbox {
margin: 0 auto;
display: block;
max-width: 600px;
width: 100%;
}

.sup-img-ogi01 {
position: relative;
left: -1rem;
height: 350px;
object-fit: cover;
top: 3rem;
}

.sup-img-ogi01-p {
width: 260px;
}

@media screen and (min-width: 1201px) {
.sup-movbox {
height: 400px;
}
.sup-img-ogi01-p {
width: 400px;
}
.sup-img-ogi01 {
height: 450px;
}
.fr-zaitaku-flex-box {
flex-direction: row;
}
}