@charset "utf-8";

#main {
	color:#333;
	position:relative;
	line-height:1.8;
	margin: 0 auto;
	background-color:#FFF;
	overflow:hidden;
	text-align:center;
}
#main p {
	margin-bottom:1rem;
	font-size:1.4rem;
	font-size: clamp(1.4rem, 1vw, 1.6rem);
	line-height:2;
}

@media only screen and (min-width: 786px) {
#main p {
	font-size:1.4rem;
}	
}

#main table{
	font-size:0.9rem;
	font-size: clamp(0.9rem, 1vw, 1rem);
}

@media only screen and (min-width: 540px) {
#main table{
	font-size:0.9rem;
}
}

#main .c-note{
	font-size:1rem;
	font-size: clamp(1.2rem, 1vw, 2rem);
	line-height:1.5;
}

#main .c-note2{
	font-size:1rem;
	font-size: clamp(1.2rem, 1vw, 2rem);
	line-height:1.5;
  font-weight: 600;
}

#main .c-note br{
	display: none;
}
@media only screen and (min-width: 786px) {
#main .c-note br{
	display: block;
}
}

#main img {
	width:100%;
	height:auto;
	vertical-align:bottom;
}


.l-container{
	padding:1.2rem;
}

@media only screen and (min-width: 540px) {
.l-container{
	padding:2.5rem 5%;
}	
}

.c-btn-conversion {
	background-color:#FFF;
	padding:2rem;
}

.c-btn-conversion a img{
	opacity:1;
	transition:0.5s ease;
}
.c-btn-conversion a:hover img{
	opacity:0.75;
}


.p-mv{
	position:relative;
}

.p-mv-catch-inner{
	position:absolute;
	width:100%;
	height:10%;
	left:0;
	bottom:0;
}


.p-mv-catch{
	position:absolute;
	left:50%;
	bottom:0;
	width:110%;
	height:100%;
	padding:11% 10%;
	font-size:2.5rem;
	line-height:1.4;
	background-image: url(../images/06/bg_mv.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	transform:rotate(-3deg) translate(-50%,0);
	color:#FFF;
	display:flex;
    align-items: center;
    justify-content: center;
	box-shadow:0 0 5px 3px rgba(140,28,28,0.5);
	text-shadow:0 0 5px rgba(140,28,28,1);
}

.p-mv-catch img{
	width:80%;
}

.p-mv-catch-inner::before{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	display:block;
	width:110%;
	height:145%;
	background-image: linear-gradient(90deg, rgba(255, 190, 155, 1), rgba(255, 130, 120, 1));
	transform:rotate(3deg) translate(-50%,10%);
}


.p-mv-balloon{
	
}


.p-mv-balloon1{
position: absolute;
top:40%;
left:0;
width:38%;
animation-name:fadeInAnime;
animation-duration:0.8s;
animation-delay: 0.4s;
animation-fill-mode:forwards;
opacity:0;
}

.p-mv-balloon2{
position: absolute;
top:49%;
left:15%;
width:38%;
animation-name:fadeInAnime;
animation-duration:1.2s;
animation-delay: .7s;
animation-fill-mode:forwards;
opacity:0;
}

.p-mv-balloon3{
position: absolute;
top:60%;
left:0;
width:38%;
animation-name:fadeInAnime;
animation-duration:1.2s;
animation-delay: 1s;
animation-fill-mode:forwards;
opacity:0;
}

.p-mv-balloon4{
position: absolute;
top:69%;
left:15%;
width:38%;
animation-name:fadeInAnime;
animation-duration:1.2s;
animation-delay: 1.3s;
animation-fill-mode:forwards;
opacity:0;
}

.p-mv-balloon5{
position: absolute;
top:73%;
width:60%;
animation-name:fadeInAnime;
animation-duration:1.5s;
animation-delay: 1.6s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
0% {
    transform: scale(0.6);
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}



.p-intoro {
	background-image:url(../images/06/bg_intoro.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}

.p-intoro-h2 {
	width:85%;
	margin:3rem auto 2rem;
}
.p-intoro p{
	font-size:1.2rem;
}

.p-logo-intoro {
	width:20%;
	margin:2rem auto;
}

.p-feature {
	position:relative;
	background-image:url(../images/06/bg_feature.svg);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	text-align:center;
	padding-bottom:14vw;
}

@media only screen and (min-width: 750px) {
.p-feature {
	padding-bottom:100px;
}
}

/*.p-feature::before,
.p-feature::after{
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-bottom: 18vw solid rgba(255,245,245,1);
}

@media screen and (min-width: 750px) {
.p-feature::before,
.p-feature::after{
    border-bottom: 120px solid rgba(255,245,245,1);
}
}


.p-feature::before{
    left: 0;
    border-right: 50vw solid transparent;
}
.p-feature::after{
    right: 0;
    border-left: 50vw solid transparent;
}


@media screen and (min-width: 750px) {
.p-feature::before{
    border-right: 375px solid transparent;
}
.p-feature::after{
    border-left: 375px solid transparent;
}
}*/


.p-feature-h2 {
	width:90%;
	margin:1.5rem auto;
}


#main .p-feature p{
	/*font-size: clamp(0.9rem, 1vw, 1.2rem);*/
}

.p-feature p span {
	color:#FF5C76;
}


.p-feature p br{
	display:none;
}

@media only screen and (min-width: 540px) {
.p-feature p br{
	display:block;
}
}

.p-feature-inner {
	background-color:#FFF;
	border-radius:20px;
	text-align:justify;
	padding: 5%;
}
.p-reason {
	position:relative;
	background-image: linear-gradient(0deg, rgba(255, 212, 190, 1), rgba(255, 225, 230, 1), rgba(255, 245, 245, 1));
}

.p-reason::before,
.p-reason::after{
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-bottom: 18vw solid rgba(255,245,245,1);
	transform:translateY(-99.8%);
}

@media only screen and (min-width: 750px) {
.p-reason::before,
.p-reason::after{
    border-bottom: 120px solid rgba(255,245,245,1);
}
}


.p-reason::before{
    left: 0;
    border-right: 50.5vw solid transparent;
}
.p-reason::after{
    right: 0;
    border-left: 50.5vw solid transparent;
}


@media only screen and (min-width: 750px) {
.p-reason::before{
    border-right: 375px solid transparent;
}
.p-reason::after{
    border-left: 375px solid transparent;
}
}



.p-reason-h2 {
	width:90%;
	margin:2rem auto;
}
.p-reason-inner {
	background-color:#FFF;
	border-radius:20px;
	padding: 5%;
	border:2px solid #FF4C80;
	margin-bottom:2rem;
	text-align:justify;
}
.p-reason-head {
	display:flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:1.5rem;
}
.p-reason-h3 {
	width:50%;
}
/*.p-reason-h3 {
	display:inline-block;
	padding:0.3rem 2rem;
	border-radius:9999px;
	color:#FFF;
	font-weight:bold;
	background-image: linear-gradient(90deg, rgba(255, 170, 140, 1), rgba(255, 130, 125, 1));
}*/
.p-reason-h4 {
	color:#05AC7C;
	font-size:1.5rem;
	font-weight:bold;
}
.p-reason-image {
	width:46%;
	position: relative;
	overflow: hidden;
	height: auto;
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
	animation: morphing 10s infinite;
	overflow: hidden;
}
 @keyframes morphing {
 0% {
 border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}
 25% {
 border-radius: 58% 42% 75% 25%/76% 46% 54% 24%;
}
 50% {
 border-radius: 50% 50% 33% 67%/55% 27% 73% 45%;
}
 75% {
 border-radius: 33% 67% 58% 42%/63% 68% 32% 37%;
}
}


.p-point{
	background-image: linear-gradient(0deg, rgba(255, 245, 160, 1), rgba(255, 255, 230, 1));
}

.p-point-inner{
	border:4px solid #05AC7C;
	border-radius:20px;
	background-color:#FFF;
	padding: 5%;
	margin-top:20%;
}

.p-point-h2{
	width:100%;
	margin:2rem auto;
}

.p-point-h3{
	margin-top:-20%;
	margin-bottom:1.5rem;
}

.p-point-ul li{
	background-color:#FF9095;
	padding:0.8rem 1rem;
	border-radius:9999px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:1.2rem;
	/*font-size: clamp(0.8rem, 1vw, 1rem);*/
	margin-bottom:0.5rem;
}

.p-voice{
	background-image: linear-gradient(0deg, rgba(240, 255, 245, 1), rgba(255, 245, 245, 1));
}


.p-voice-h2{}

p.p-voice-catch-top{
	position:relative;
	padding-top:22%;
}

p.p-voice-catch-top img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

p.p-voice-catch-top::after{
	content:"";
	display:block;
	position:absolute;
	left:40%;
	top:10%;
	width:54%;
	height:36%;
	background-color:#FFFF50;
}

/*p.p-voice-catch-top.scrollAnimeTrigger::after{
	width:0;
	transition:1s 0.5s ease;
}
p.p-voice-catch-top.scrollAnimeTrigger.animate__animated::after{
	width:54%;
}*/


p.p-voice-catch-bottom{
	margin-bottom:1rem;	
}

.p-voice-slick{
	overflow:hidden;
}

.p-voice-slick > div:not(:first-child) {
    display: none;
}

.p-voice-inner{
	position:relative;
	height:100%;
	margin:2rem;
	padding: 2rem;
	border-radius:20px;
	background-color:#FFE9E4;
	box-shadow:7px 7px 0 0 #FF939C;
	text-align:justify;
}

.p-voice-inner figcaption p::after{
	content: "※個人の感想です。効果には個人差があり、効果効能を保証するものではありません。";
	font-size:0.9rem;
	font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.2;
    display: block;
    padding-top: 0.5rem;
}

.slick-track{
  display: flex;
}
.slick-slide {
  height: auto !important;
}

.slick-dotted.slick-slider{
	margin-bottom:0;
}

.slick-dots {
	position:relative;
	left:50%;
	bottom:0;
	transform:translate(-50%,0);
	margin-bottom:1.5rem;
}
.slick-dots li{
	margin:10px !important;
	width:auto !important;
	height:auto !important;
	overflow:hidden;
}
.slick-dots li button {
    background: #FFB6B9;
	width:16px;
	height:16px;
	border-radius:9999px;
	text-indent:-99px;
}

.slick-dots li.slick-active button {
    background: #FF747C;
}

.p-voice-label{
	width:35%;
	position:absolute;
	left:5%;
	top:0;
	transform:translate(0,-50%);
}

.p-voice-h3{
	margin:1.5rem 0;
}

.p-voice-graph img{
	margin-bottom:1.5rem;	
}

.p-comparison{
	background-image: linear-gradient(0deg, rgba(255, 240, 235, 1), rgba(255, 255, 230, 1));
}

.p-comparison-h2{}

.p-comparison-table{
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 80px;
}
.p-comparison-table::-webkit-scrollbar {
    height: 20px;
}
.p-comparison-table::-webkit-scrollbar-thumb{
	background-color:rgba(255, 180, 185);
	border-radius:9999px;
}

.p-comparison-tabler::-webkit-scrollbar-track {
    background-color: #003;
    background-color: transparent;
}

.p-comparison-table img{
	width:840px !important;
	max-width:none;
	height:auto;
}

.p-comparison-table .scroll-hint-icon {
	width:130px;
	height: 95px;
	-webkit-transform: scale(2);
	-ms-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
}
#main p.p-comparison-memo{
	text-align:center;
	line-height:1.4;
	font-size:1rem;
	color:#FF4C80;
}



.p-plan-inner{
	padding:2.5rem  5% 1rem;
	border-radius:20px;
	background-color:#FFF;
	border:7px solid #FF747C;
	margin-top:3rem;
	position:relative;
	margin-bottom:0.75rem;
}

.p-plan-inner:not(:last-of-type){
	margin-bottom:2rem;
}

.p-plan-inner h3{
	border-radius:9999px;
	padding:0.3rem 1rem;
	text-align:center;
	font-weight: bold;
	color:#FFF;
	font-size:1.3rem;
	/*font-size: clamp(1.1rem, 1vw, 1.3rem);*/
	background-color:#FF747C;
	position:absolute;
	left:50%;
	top:0;
	width:90%;
	transform:translate(-50%, calc(-50% - 3px));
}

.c-plan-catch{
	position:relative;
	padding-top:15%;
	margin:3rem 0 2rem;
}

.c-plan-catch img{
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}

.c-plan-catch::after{
	content:"";
	display:block;
	position:absolute;
	left:2%;
	top:40%;
	width:77%;
	height:20%;
	background-color:#FFE650;
}

/*.c-plan-catch.scrollAnimeTrigger::after{
	width:0;
	transition:1s 0.5s ease;
}
.c-plan-catch.scrollAnimeTrigger.animate__animated::after{
	width:77%;
}*/




.p-campaign{
	background-color:#FFF;
}

.p-campaign-h2{
	color:#FF747C;
	font-size:2.1rem;
	font-weight:bold;
  letter-spacing: -0.03em;
}

.p-campaign-h3{
	color:#FF747C;
	font-size:1.4rem;
	font-weight:bold;
	margin-top: 5%;
}

.p-campaign .studioBannerItem{
	max-width:100%;
	margin:10px 0;
}

.p-campaign-table{
	text-align:justify;
	font-size:1rem;
}

.p-campaign-table th{
	width:7em;
	position:relative;
}
.p-campaign-table th::after{
	content:"：";
	position:absolute;
	right:0;
	top:0;
}


.p-flow{
	background-image: linear-gradient(0deg, rgba(250, 200, 180, 1), rgba(250, 210, 220, 1), rgba(255, 240, 240, 1));
}

.p-flow-h2{}


.p-flow-h3{
	text-align:center;
	width:30%;
	margin:2rem auto 1rem;
}

.p-flow-box:not(:first-of-type) .p-flow-h3::before{
	content: "";
	display:block;
	background-image:url(../images/06/img_flow_step_arrow.svg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:20%;
	margin:1.5rem auto;
	padding-top:70%;
}


.p-flow-h4{
	color:#05AC7C;
	font-weight:bold;
	text-align:center;
	margin:0.7rem;
	font-size:1.8rem;
	/*font-size: clamp(1.6rem, 1vw, 1.8rem);*/
}

#main .p-flow p{
	/*font-size: clamp(0.8rem, 1vw, 1.2rem);*/
  font-weight: 500;
}

#main table.p-flow-info{
	width:100%;
	vertical-align:middle;
    border-collapse: separate;
	border-spacing: 0 1rem;
	vertical-align:middle;
	font-size:1.4rem;
}

@media only screen and (min-width: 540px) {
#main table.p-flow-info{
	font-size:1rem;
}	
}

.p-flow-info-th{
	border-radius:9999px 0 0 9999px;
	overflow:hidden;
	margin-bottom:1rem;
	background-color:#FF8080;
	font-weight: bold;
	color:#FFF;
	padding:0.8rem;
	width:7em;
	vertical-align:middle;
	/*font-size: clamp(0.8rem, 1vw, 1rem);*/
}
.p-flow-info-td{
	border-radius: 0 9999px 9999px 0;
	background-color:#FFF4F3;
	color:#FF747C;
	padding:0.8rem;
	text-align:left;
	vertical-align:middle;
  font-size:1.2rem;
  font-weight: bold;
	/*font-size: clamp(0.8rem, 1vw, 1rem);*/
}
@media only screen and (min-width: 540px) {
.p-flow-info-td{
  font-size:1.2rem;
	/*font-size: clamp(0.8rem, 1vw, 1rem);*/
}
}

.p-flow-inner{
	padding:8% 3.5%;
	background-color:#FFF;
	border-radius:20px;
	margin-bottom:2rem;
}
.p-flow-figure{
	display:block;
	margin-bottom:2.5rem;
}
.p-flow-figure-image{
	overflow:hidden;
	border-radius:20px;	
}
.p-flow-figure p{
	/*font-size: clamp(1rem, 1vw, 1.2rem);*/
}

.p-flow-figure p br{
	display:none;
}
	
@media only screen and (min-width: 768px) {
.p-flow-figure p br{
	display:block;
}	
}

.p-studio{
	text-align:justify;
}

.p-studio-h2{
	margin-bottom:2rem;
}

.p-studio-h3{
	color:#05AC7C;
	font-size:1.6rem;
	font-weight:bold;
	margin:1rem;
	text-align:center;
}

@media only screen and (max-width: 768px) {
	.p-studio-h3{
		font-size:1.5rem;
	}
}

.js-studio-slick:nth-of-type(2){
	margin-top:8rem;
}
.js-studio-slick .slick-list{
	border-radius:2rem;
	overflow:hidden;
}

/*.js-studio-slick .slick-slide{
	height:400px !important;	
}*/

.js-studio-slick img{
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


.p-studio-info{
	width:100%;	
}
.p-studio-info th{
	background-color:#FF9095;
	border-radius:9999px;
	color:#FFF;
	text-align:center;
	font-size:1.6rem;
	padding:0.2rem;
	font-weight: bold;
}


.p-studio-info th,
.p-studio-info td{
	display: block;
}

.p-studio-info td{
	margin-top:2rem;	
	margin-bottom:2rem;
	font-size:1.4rem;
}

.p-studio-info__mapWrap {
    max-width: 1000px;
    margin: 0 auto 30px;
    padding: 0;
}

.p-studio__modal-button-inner{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	flex-wrap: wrap;
	/*margin-bottom:50px;*/
}
.p-studio__modal-button{
    width: 100%;
    height: 75px;
    display: flex;
	text-align: center;
    align-items: center;
    justify-content: center;
    border: none;
    margin: 0 1% 20px;
    border-radius: 60px;
    background-color: #e9546b;
    box-shadow: 0 4px 0 #d94d62;
    font-size: 20px;
    font-weight: bold;
    color:  #FFF;
    line-height: 1.4;
    cursor: pointer;
}

@media only screen and (min-width: 750px) {
.p-studio__modal-button{
    /*width: 48%;*/
    font-size: 18px;
}
}

.p-studio-list__h2{
	font-size:2.6rem;
	font-weight:bold;
	color:#333;	
}

.studioListInnerWrap{
	padding:50px 0 !important;
}

.studioListAreaWrap{
	padding:0 15px;	
}

@media only screen and (max-width: 750px) {
.studioListPlace-title {
	font-size: 18px;
}
.studioListPlace-col .taikenbtn {
	height: 70px;
	font-size: 18px;
}
}

.p-faq{
	background-color:#FBECED;
}

.p-faq-h2{}


.p-faq-question{
	color:#FFF;
	background-color:#E3898C;
	background-image:url(../images/06/img_faq_q.svg);
	display:flex;
	position:relative;
}
.p-faq-question:hover,
.p-faq-question.is-active{
	cursor:pointer;	
	background-color:#d8606d;
}

.p-faq-question::before{
	content:"";
	position:absolute;
	width:24px;
	height:24px;
	right:24px;
	top:50%;
	transform:translateY(-50%) rotate(-90deg);
	background-image:url(../images/06/img_faq_arrow.svg);
	background-repeat:no-repeat;
	background-size:cover;
	transition:all 0.2s ease;
}

.p-faq-question.is-active::before{
	transform:translateY(-50%) rotate(0);
}



.p-faq-answer{
	display:none;
	background-color:#FFF;
	background-image:url(../images/06/img_faq_a.svg);
}

.p-faq dt, .p-faq dd{
	background-repeat:no-repeat;
	background-position:left 18px center;
	background-size:36px;
	border-radius:10px;
	padding:1rem;
	padding-left:72px;
	padding-right:64px;
	min-height:40px;
	margin-bottom:1rem;
	text-align:justify;
	align-items: center;
	font-size:1.4rem;
}


.p-faq-question br, .p-faq-answer br{
	display: none;
}
@media only screen and (min-width: 768px) {
	.p-faq-question br, .p-faq-answer br{
		display: block;
	}
}
.u-h2{
	transform:translate(0, 0);
	margin-bottom:-10%;
}

@media only screen and (min-width: 540px) {
.u-h2{
	transform:translate(0, 0);
	margin-bottom:8%;
}
}



.u-center{
	text-align:center !important;	
}

.u-justify{
	text-align:justify !important;
	font-size: 15px !important;
}

.u-padding-top-0{
	padding-top:0 !important;	
}

.u-padding-top-2rem{
	padding-top:2rem !important;	
}

.u-padding-bottom-5rem{
	padding-bottom:5rem !important;	
}

.u-padding-bottom-2rem{
	padding-bottom:2rem !important;	
}

.u-padding-bottom-0rem{
  padding-bottom:0rem !important;
}

.u-margin-bottom-80px{
  margin-bottom:80px !important;
}

/*.scrollAnimeTrigger{
	opacity:0;	
}

.scrollAnimeTrigger.animate__animated{
	opacity:1;	
}*/

@keyframes fadeInDown {
0% {
	opacity:0;
	-webkit-transform:translate3d(0, -20%, 0);
	transform:translate3d(0, -20%, 0)
}
to {
	opacity:1;
	-webkit-transform:translateZ(0);
	transform:translateZ(0)
}
}

.studioList-place{
	background-color:transparent;
	padding-top:100px;
	margin-top:-100px;	
}

#studio{
	padding-top: 100px;
	margin-top: -100px;
}

@media only screen and (min-width: 768px) {
	.studioList-place{
		background-color:transparent;
		padding-top:80px;
		margin-top:-80px;	
	}
	#studio{
		padding-top: 80px;
		margin-top: -80px;
	}
}

/*ここから＿202403リニューアル*/
/*----MV---------------------------------*/
#main .p-mv_box{
  position: relative;
}

#main .p-mv_box img{
  opacity: 0.8;
}

#main .p-mv_box p{
  font-size: 1rem;
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  line-height: 1.9;
  letter-spacing: 1px;
  text-shadow: 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 6px #fff, 0 0 3px #fff, 0 0 3px #fff;
}

.text_color1{
  color: #E1618C;
}

/*---intro共通---------------------------*/

.p-intro.bg-m-y-m{
background: rgb(255,240,220);
background: linear-gradient(170deg, rgba(255,240,220,1) 30%, rgba(255,254,213,1) 30%, rgba(255,254,213,1) 58%, rgba(255,240,220,1) 58%, rgba(255,240,220,1) 84%, rgba(255,254,213,1) 84%);
}

.p-intro .p-intro-h2{
	padding: 0 5%;
	background-color: #fffed5;
}


/*---intro01_p1p2 intro02_02共通----------*/
.p-intro-inner{
  border-radius: 20px;
  background-color: #FFF;
  padding: 5.5%;
  box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 5%;
}

#main .p-intro h3{
  margin-bottom: 1.5rem;
}
#main .p-intro-point_1 p{
  font-size: 1.35rem;
  font-weight: 600;
  text-align: justify;
  line-height: 1.6;
  letter-spacing: 0rem;
  margin-bottom: 1rem;
}

#main .p-intro-point_1 p span{
  font-size: 1.05rem;
  color: #888;
}

#main .p-intro-point_1 p:last-child{
  margin-bottom: 2rem;
}

#main .p-intro-image_box .p-intro-image{
  overflow: hidden;
  border-radius: 20px;
}

/*---intro02_01のみ------------------*/
.p-intro-inner_2{
  border-radius: 20px;
  background-color: #FFF;
  padding: 3%;
  box-shadow: 0 0px 16px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 5%;
}

.p-intro-point_2{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#main .p-intro-point_2 p{
  max-width: 51%;
  font-size: 1.2rem;
  font-weight: 600;
  text-align: justify;
  line-height: 1.6;
  letter-spacing: 0.05rem;
  margin-bottom: 0;
}
#main .p-intro-point_2 .p-intro-image_2{
  max-width: 45%;
}

/*---おすすめレイアウト調整------------------*/
.recommendationDetailsWrap_2{
  margin: 8%;
}

.recommendationDetailsWrap_2 .recommendationDetailsTit{
  border-radius: 19px 19px 0 0;
}

/*ここまで＿202403リニューアル*/

/*アフェリエイトのスタジオ一覧のバナータイトル*/
#main .studioBannerCpWrapTitle{
  color: #05AC7C;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
}


@media only screen and (min-width: 768px) {
  #main .studioBannerCpWrapTitle{
    font-size: 1rem;
	}
}

/*2025.4.17追加　アフェリエイトLP06のみに追従ボタン*/
.device-bottom-cta a{
width:  100%;
}

.device-left-wrap{
display: flex;
align-items: center;
justify-content: center;
padding: 13px;
}

.device-bottom-cta-icon {
width: 17%;
margin: 0;
}

@media screen and (min-width: 768px) {
.device-bottom-cta-icon{
width: 7%;
margin: 8px 13px;
  }
  }

.device-bottom-cta p{
  color: #FFF;
  font-size: 2rem;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
.device-bottom-cta p{
  font-size: 2.3rem;
 }
}

/*2025.7.9追加　テキストサイズ変更、レイアウト調整*/
.p-flow-info-td span {
  font-size: 1.3rem;
}

@media only screen and (min-width: 540px) {
  .p-flow-info-td {
    font-size: clamp(1.3rem, 1vw, 1.5rem);
}
  .p-flow-info-td span {
    font-size: 1.8rem;
}

@media only screen and (min-width: 540px) {
  .p-flow-info-th {
    font-size: clamp(1.3rem, 1vw, 1.5rem);
    width: 7.5rem;
 }
}
.p-flow-box:not(:first-of-type) .p-flow-h3::before {
  display: none;
}

.p-flow-h4 {
  font-size: 2.2rem;
}

.p-flow-inner p {
  font-size: 1.5rem !important;
  letter-spacing: 0rem;
}

.c-note small {
  font-size: 1rem;
}
.p-flow h2 {
  color: #ff5c76;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 1rem;
}

.p-flow h3 {
  color: #ff5c76;
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 2.2rem;
}

.p-point-h2 img {
  width: 90% !important;
}