@charset "utf-8";
/*_______________________________

         【ラ･パルレ】
　　
   「ボディ痩身エステTRIAL★一覧ページ」用CSS

　　　　　（PC・TB・SP）

　　　　リニューアル2025
_______________________________*/


.trial_course_info::before,
.trial_course_info::after{
	display: none;
}
.trial_course_info .inner {
    padding-top: 0!important;
}



.course::before,
.trial_course_detail::before {
    content: "";
    height: 10px;
    width: 100vw;
    display: block;
    background-image: url(/mens/asset2025/img/common/line_stripe.png);
	margin: 0 -3vw;
}
.course .inner{
	padding:70px 0;
}

.course h2{
	font-family: "Noto Serif JP", serif;
    font-size: 20px;
    font-weight: bold;
	margin-bottom: 40px;
}

.course .trial_course_box{
	margin-bottom: 70px;
}
.course .trial_course_box:last-of-type{
	margin-bottom: 0;
}
.course .trial_course_box dd a.course_more_btn.more{
	display:flex;
    /*margin: 0 auto;*/
}
.course .trial_course_box dd a.course_more_btn.cv{
	display:none;
}



.trial_course_detail section {
    margin: 70px 0;
}
.about_trialcourse .box{
	display: flex;
	gap:15px 20px;
}
.about_trialcourse .img{
	flex-basis:min(50%,430px); 
}
.about_trialcourse .text{
	flex:1; 
}
.proposed_plan .img{
	width:min(70%,600px);
	margin: 0 auto 30px;
}

.triangle_system .img{
	width:min(90%,600px);
	/*margin: 0 auto 30px;*/
    margin: 0;
}

.about_trialcourse .btn_box{
    padding-top: 25px;
	}

.about_trialcourse .button{
    padding-top: 15px;
	}

.proposed_plan .button{
    padding-top: 40px;
	}
	
.triangle_system .button{
    padding-top: 40px;
	}


/*_______________________________
　　　
　　　メディアクエリ切り替え
     　　　（TB・SP）
_______________________________*/


/* ↓ ↓ ↓ TB（1024px）以下　用 ↓ ↓ ↓ */

@media (max-width:1024px){

	
/* --- */
}
/* ↑ ↑ ↑ TB（1024px）以下　用　↑ ↑ ↑ */





/*  ↓ ↓ ↓ TB（820px）以下　用  ↓ ↓ ↓ */

@media (max-width:820px){
	


/* --- */
}
/* ↑ ↑ ↑ TB（820px）以下　用　↑ ↑ ↑ */






/* ↓ ↓ ↓ SP（767px）以下　用 ↓ ↓ ↓ */

@media screen and (max-width: 767px) {
	
	/*.trial.index .mv .logo > img{*/
	/*	visibility: hidden;*/
	/*}*/
	.mv_title{
		padding: 0 4vw;
	}
    .trial_course_info .inner {
        padding-bottom: 35px!important;
    }
	
	
.course h2 {
    font-size: 15px;
    margin-bottom: 15px;
}	
.course::before,
.trial_course_detail::before{
    height: 8px;
    background-size: cover;
	margin: 0 -5vw;
	 background-image: url(/mens/asset2025/img/common/bg_stripe.png);
}	

.course .inner {
    padding: 35px 0;
}
.course .trial_course_box{
	/*margin-bottom: 10px;*/
    margin-bottom: 35px;
}

.trial_course_box .img{
    width: 200px;
    aspect-ratio: 1 / 1;
    position: relative;
    box-shadow: 0 0 3px 2px rgb(0 0 0 / 15%);
    /*margin: 5px auto 0;*/
    margin: 25px auto 0;
}		
.trial_course_box .img .sp_only{
	display: none;	
}
.trial_course_box .img .pc_only{
	display: block !important;
}
.trial_course_box .img .logo {
    width: 42px;
    left: 10px;
    top: 5px;
	bottom: auto;
}
.trial_course_box .img .medal {
    width: 100px;
    right: auto;
    bottom: 0;
    left: 0;
}	
.trial_course_box dl {
     width: 100%;
     max-width: 300px;
}
.trial_course_box dd{
    display: flex;
    flex-flow: column;
	height: 100%;
}
.trial_course_box dd .price{
    margin-top: auto;
}
.trial_course_box dd p {
    min-height: 4.5em;
}
	
.trial_course_detail section {
    margin: 35px 0;
}

.about_trialcourse .box {
    flex-flow: column;
}	
	
.about_trialcourse .img {
    width: 100%;
	max-width: 400px;
    margin: auto;
}	

.about_trialcourse .btn_box{
		padding-top:0;
	}
.about_trialcourse .button{
    padding-top: 15px;
	}


.proposed_plan .img {
    width: 100%;
	max-width: 400px;
    margin: 0 auto 15px;
}
	
.proposed_plan .button{
    padding-top: 15px;
	}
	
.triangle_system .button{
    padding-top: 15px;
	}

	.triangle_system .img{
    width: 100%;
	max-width: 400px;
    margin: 0 auto 15px;
}	


.contents_slider .slick-dots li:first-of-type:last-of-type{
	display: none;
}	

	
	
	
/* --- */
}
/* ↑ ↑ ↑ SP（767px）以下　用　↑ ↑ ↑ */